title: jQuery Sortable Plugin
body: <p>On my current project I'm working with jQuery's sortable plugin in a table.</p>
  
  <p>The table I'm working with consists of football players and they can be arranged in whatever order from 1 to the amount of players in the table.</p>
  
  <p>Sometimes some of the players will have to be locked in which case a user won't be able to move them around, only the unlocked players can be moved. </p>
  
  <p>When players are locked they are set aside to the top half of the table while the editable players are at the bottom half. The 2 halves are organized in their own way but what I want is everything to be merged and organized as one big table</p>
  
  <p>Any help on how I can merge to table bodies to show organized table rows starting from 1?</p>
  
  <p><a href="http://i.imgur.com/pUL79Ww.png" rel="nofollow">http://i.imgur.com/pUL79Ww.png</a> (Here's a screenshot to help you)</p>
  
  <p>This is my table (HTML)</p>
  
  <pre><code>  &lt;tbody id="locked_players"&gt;
  
   &lt;/tbody&gt;
  
   &lt;tbody id="players_of_rank"&gt;
  
   &lt;/tbody&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code> $('#players_of_rank').sortable();
  </code></pre>
  
  <p>Thanks in advance</p>