Can I use jQuery Tabs UI with HTML table?

Can I use jQuery Tabs UI with HTML table?

I have this html table generated.

I need to apply jQuery Tabs UI to it to hide/show tbody sections like tabs, but it's not working. Any help is appreciated. Thank you.

UPDATE
Sorry, the layout and jQuery tabs work fine
, probably forgot to close some tag ;)
  1. <script>
  2.     $(function () { $("#folders").tabs();
  3. </script>

  1. <table id="folders">
  2.     <thead>
  3.         <tr>
  4.             <th>My folders</th>
  5.         </tr>
  6.         <tr>
  7.             <td>
  8.                 <ul>
  9.                     <li><a href="#folder1">Folder1</a></li>
  10.                     <li><a href="#folder2">Folder2</a></li>
  11.                     <li><a href="#folder3">Folder3</a></li>
  12.                 </ul>
  13.             </td>
  14.         </tr>
  15.     </thead>
  16.     <tbody id="folder1">
  17.         <tr><td>xxxxxxxxxxxxxxxxx</td></tr>
  18.         <tr><td>xxxxxxxxxxxxxxxxx</td></tr>
  19.     </tbody>
  20.     <tbody id="folder2">
  21.         <tr><td>xxxxxxxxxxxxxxxxx</td></tr>
  22.         <tr><td>xxxxxxxxxxxxxxxxx</td></tr>
  23.     </tbody>
  24.     <tbody id="folder3">
  25.         <tr><td>xxxxxxxxxxxxxxxxx</td></tr>
  26.         <tr><td>xxxxxxxxxxxxxxxxx</td></tr>
  27.     </tbody>
  28. </table>