jQuery dragging (reordering) table rows between multiple tbodies
<p>I'm great with CSS but I largely suck at jQuery. We all have our limitations...</p>

<p>OK with that admission out of the way I'll begin. We have a "favourite products" table, which you can sectionalize into categories (eg, Booze, Sheep, Spoons). Each category is a . Each row (excluding the ) is a product.</p>

<p>I want to enable a user to drag and drop (reorder) the table rows, even between tbodies. I've looked at <a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" rel="nofollow">Table Drag and Drop (DnD)</a> plugin for jQuery but was disappointed to find that it doesn't really support dragging between tbodies - and hasn't been updated for quite some time.</p>

<p>Here is the basic table structure:</p>

<pre><code>&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Favourite&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;th&gt;Spoons&lt;/th&gt; &lt;!-- secion title, not draggable --&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Wooden Spoon&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Metal Spoon&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Plastic Spoon&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;th&gt;Nuclear Bombs&lt;/th&gt; &lt;!-- seciont title, not draggable --&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;US Nukes&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Soviet Nukes&lt;/td&gt;
   &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I'm going to need to turn of the "dragability" of certain rows such as the first row in the  - this being the section title.</p>

<p>Is there a better version of a jquery plugin out there that can do what I need? If you can find a better plugin please share and win my "favourite person of the week" award.</p>

<p>Thank you.</p>
