Вкладки 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, и в моем js-файле у меня есть:

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

Мой вопрос в том, что я что-то пропустил, или есть некоторые проблемы при использовании jquery внутри «старой школьной» перепутанной таблицы, как это?