JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>

<tr class="CTsubtitle">
<td width="1%"><font class="CTtablein">&nbsp;</font></td>
<td><font class="CTtablein">Level</font></td>
</tr>

<tr class="CTodd"><td nowrap=""><font class="CT">&nbsp;
    <input type="radio" id="Radio1" onclick="SetAmount(form, 500);" value="749500" name="PledgeLevelID"/>
&nbsp;</font></td>
    <td><font class="CT">$500.00 (becomes $1000.00 when matched)&nbsp;</font></td>
</tr>

<tr class="CTeven"><td nowrap=""><font class="CT">&nbsp;
    <input type="radio" id="Radio1" onclick="SetAmount(form, 250);" value="749511" name="PledgeLevelID"/>&nbsp;</font></td>
<td><font class="CT">$250.00  (becomes $500 when matched)&nbsp;</font></td>
</tr>

<tr class="CTodd"><td nowrap=""><font class="CT">&nbsp;
    <input type="radio" id="Radio1" onclick="SetAmount(form, 100);" value="749499" name="PledgeLevelID"/>&nbsp;</font></td>
<td><font class="CT">$100.00 (becomes $200 when matched)&nbsp;</font></td>
</tr>

</tbody>
</table>

JavaScript

$(document).ready(function () {
    var compare = function (a,b){
      var a_val = $(a).find("font").text().replace(/[\n\r]/g, "");
        a_val = parseInt(a_val.substring(a_val.indexOf("$")+1));
      var b_val = $(b).find("font").text().replace(/[\n\r]/g, "");
        b_val = parseInt(b_val.substring(b_val.indexOf("$")+1));
      if (a_val>b_val){
        return 1;
      }
      if (a_val<b_val){
        return -1;
      }
      return 0;
    };
 
    $("table tr").not(".CTsubtitle").sort(compare).appendTo("table");
});