1. <table>
2.   <thead><tr><th>Col 1</th><th>Col 2</th></tr></thead>
3.   <tbody>
4.     <tr>...</tr>
5.     <tr>...</tr>
6.   </tbody>
7.   ...
8.   <tbody>
9.     <tr>...</tr>
10.     <tr>...</tr>
11.   </tbody>
12. </table>

I want to make the tbody's sortable, so:

1. $('table').sortable({ items: 'tbody' });

And this does kinda work: you can drag and drop the tbody elements. But

1. There's no indication where you're going to drop. Attempts at defining a placeholder have no effect, and there doesn't appear to be any way for me to say "insert this tbody as a placeholder".
2. When using sortable on table rows (as opposed to TBODY's), you at least get a blank space.

Any pointers on how to achieve this with jQuery UI, or if not, any other library/plugin I can use

for this?

thanks,

Neil