Dynamic order rows in a table by id

Dynamic order rows in a table by id

Hi guys!

I have a requirement  to order rows in a table using Java Script (JQuery)

My table is look like:

  1. <table>
  2.     <tr id="3">
  3.         <td>C</td>        
  4.         <td><table><tr><td>Row C</td></tr></table></td>
  5.     </tr>    
  6.    
  7. <tr id="1">
  8.         <td>A</td>        
  9.         <td><table><tr><td>Row A</td></tr></table></td>
  10.     </tr>    
  11.     
  12. <tr id="2">
  13.         <td>B</td>        
  14.         <td><table><tr><td>Row B</td></tr></table></td>
  15.     </tr>    
  16. </table>

And the final result is to be:

A  Row A
B  ROw B
C  ROw C

How I can do this?

Thanks!