Jquery tabs inside a table layout
<p>The part I want to "tab" is inside a nested table layout.</p>

<p>It starts after a table mess like this:</p>

<pre><code>&lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; 
        &lt;div id ="SearchModuleContainer"&gt;
       &lt;ul class="tabNavigation"&gt;
          &lt;li&gt;&lt;a href="#PersonSearchPanel"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#TypeSearchPanel"&gt;&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;

      &lt;div id="PersonSearchPanel" runat="server"&gt;
        &lt;table width="100%" border="0" cellspacing="0"&gt;
           &lt;tr&gt;
             &lt;td align="center" valign="top"&gt;
                &lt;table width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
                   &lt;tr&gt;
         ...
         ...
      &lt;/div&gt;
      &lt;div id="TypeSearchPanel" runat="server"&gt;
        &lt;table width="100%" border="0" cellspacing="0"&gt;
           &lt;tr&gt;
             &lt;td align="center" valign="top"&gt;
                &lt;table width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
                   &lt;tr&gt;
         ...
         ...
      &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>I've added a ref to jquery-ui-1.7.1, and in my js file, I have:</p>

<pre><code>$(document).ready(function() {
    $("#SearchModuleContainer").tabs();
});
</code></pre>

<p>My question is, have I missed something, or are there some issues when using jquery inside an "old-school" messed up table layout like this?</p>
