title: jQuery sortable with multiple tbody
body: <p>I have a table with multiple <code>tbody</code>. How can I make headers for each <code>tbody</code>? Is this how to do it? I use jquery ui sortable. How can I be sure the header of each <code>tbody</code> isn't sortable? Right now I'm triggering sortable with
   <code>$("#sortable &gt; tbody").sortable({});</code>.</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Col1&lt;/th&gt;
              &lt;th&gt;Quantity&lt;/th&gt;
          &lt;tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th scope="rowgroup"&gt;Col1&lt;/th&gt;
              &lt;th&gt;100&lt;/th&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Col1&lt;/td&gt;
              &lt;td&gt;20&lt;/td&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Col1&lt;/td&gt;
              &lt;td&gt;30&lt;/td&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Col1&lt;/td&gt;
              &lt;td&gt;50&lt;/td&gt;
          &lt;tr&gt;
      &lt;/tbody&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th scope="rowgroup"&gt;Col1&lt;/th&gt;
              &lt;th&gt;100&lt;/th&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Col1&lt;/td&gt;
              &lt;td&gt;20&lt;/td&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Col1&lt;/td&gt;
              &lt;td&gt;30&lt;/td&gt;
          &lt;tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Col1&lt;/td&gt;
              &lt;td&gt;50&lt;/td&gt;
          &lt;tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>