Sum radio buttons on multiple tables on form w/jquery (java)

[MeMeSo]

Can someone please help? I'm new to coding. I have a form with mutiple tables and radio buttons. I'm trying to add a field or box at the end of each table that adds each radio button in that table. Then at the end of the last table I would like to sum the last table first, then add a field to give a grand total of each table.

Thank you,

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
table,th,td
{
border:1px solid black;
border-collapse:collapse;
}
th,td
{
padding:5px;
}
</style>
 
<table style="width: 365px;">
</table><font size="2"><b>
  1</b>=Never | <b>2</b>=Seldom | <b>3</b>=Neutral | <b>4</b>=Occassionally | <b>5</b>=Always
</font><table id="audit">
<tbody><tr>
</tr>
<tr>
</tr><tr bgcolor="#848484">
  <th colspan="7"><font color="#ffffff" size="2" face="arial">LPA</font></th>
</tr>
</tbody><tbody>
  <tr><th><font color="#045fb4" size="2">#</font></th>
  <th><font color="#045fb4" size="2" face="arial">Description</font></th>                             
  <th><font color="#045fb4" size="2" face="arial">1</font></th>
  <th><font color="#045fb4" size="2" face="arial">2</font></th>
  <th><font color="#045fb4" size="2" face="arial">3</font></th>
  <th><font color="#045fb4" size="2" face="arial">4</font></th>
  <th><font color="#045fb4" size="2" face="arial">5</font></th>
  </tr>
<tr>
</tr><tr>
</tr><tr bgcolor="#f2f2f2">
  <td><font size="2" face="arial">1</font></td>
  <td><font size="2" face="arial">Question 1</font></td>
       <td style="text-align: center;">
            <input name="radio-sort-1" value="1" type="radio">
        </td>
        <td style="text-align: center;">
            <input name="radio-sort-1" value="2" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-1" value="3" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-1" value="4" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-1" value="5" type="radio">
        </td>
    </tr>
<tr class="alt">
  <td><font size="2" face="arial">2</font></td>
  <td><font size="2" face="arial">Question 1</font></td>
       <td style="text-align: center;">
            <input name="radio-sort-2" value="1" type="radio">
        </td>
        <td style="text-align: center;">
            <input name="radio-sort-2" value="2" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-2" value="3" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-2" value="4" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-2" value="5" type="radio">
        </td>
    </tr>
</tbody></table><font size="2">
 
<br><br><br>
<style>
table,th,td
{
border:1px solid black;
border-collapse:collapse;
}
th,td
{
padding:5px;
}
</style>
 
<table style="width: 365px;">
</table><font size="2"><b>
  1</b>=Never | <b>2</b>=Seldom | <b>3</b>=Neutral | <b>4</b>=Occassionally | <b>5</b>=Always
</font><table id="audit">
<tbody><tr>
</tr>
<tr>
</tr><tr bgcolor="#848484">
  <th colspan="7"><font color="#ffffff" size="2" face="arial">LPA</font></th>
</tr>
</tbody><tbody>
  <tr><th><font color="#045fb4" size="2">#</font></th>
  <th><font color="#045fb4" size="2" face="arial">Description</font></th>                             
  <th><font color="#045fb4" size="2" face="arial">1</font></th>
  <th><font color="#045fb4" size="2" face="arial">2</font></th>
  <th><font color="#045fb4" size="2" face="arial">3</font></th>
  <th><font color="#045fb4" size="2" face="arial">4</font></th>
  <th><font color="#045fb4" size="2" face="arial">5</font></th>
  </tr>
<tr>
</tr><tr>
</tr><tr bgcolor="#f2f2f2">
  <td><font size="2" face="arial">1</font></td>
  <td><font size="2" face="arial">Question 1</font></td>
       <td style="text-align: center;">
            <input name="radio-sort-1" value="1" type="radio">
        </td>
        <td style="text-align: center;">
            <input name="radio-sort-1" value="2" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-1" value="3" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-1" value="4" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-1" value="5" type="radio">
        </td>
    </tr>
<tr class="alt">
  <td><font size="2" face="arial">2</font></td>
  <td><font size="2" face="arial">Question 1</font></td>
       <td style="text-align: center;">
            <input name="radio-sort-2" value="1" type="radio">
        </td>
        <td style="text-align: center;">
            <input name="radio-sort-2" value="2" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-2" value="3" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-2" value="4" type="radio">
        </td>
 <td style="text-align: center;">
            <input name="radio-sort-2" value="5" type="radio">
        </td>
    </tr>
</tbody></table><font size="2">
 
<br><br><br>