表布局中的Jquery选项卡

我想“制表”的部分在嵌套的表格布局中。

它始于这样的餐桌混乱之后:

<table> <tr> <td> <table> <tr> <td> <table> <tr> <td> 
        <div id ="SearchModuleContainer">
       <ul class="tabNavigation">
          <li><a href="#PersonSearchPanel"></a></li>
          <li><a href="#TypeSearchPanel"></a></li>
       </ul>

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

我在jquery-ui-1.7.1中添加了一个ref,在我的js文件中,我有:

$(document).ready(function() {
    $("#SearchModuleContainer").tabs();
});