title: Stuck using jQuery UI Tabs
body: <p>I've got hree html tables which I wanted to put into tabs.</p>
  
  <p>All three tables can be loaded using <code>AJAX</code> but i want to show the first table and ALSO allow the first table to be ajaxable.</p>
  
  <p>Lastly, I need to have the option for the user to SEARCH in the 3rd tab and those results (html result) goes into that tab.</p>
  
  <p><strong>The problem is: When I run my current code, it's not allowing me to click the tabs (it shows some uglyish style in FireFox) and the 3rd tab is only shown.</strong></p>
  
  <p>this is the before.</p>
  
  <pre><code>&lt;h2&gt;Title 1&lt;/h2&gt;
  &lt;table&gt;....data_A....&lt;/table&gt;
  &lt;br/&gt;&lt;br/&gt;
  
  &lt;h2&gt;Title 2&lt;/h2&gt;
  &lt;table&gt;....data_A....&lt;/table&gt;
  &lt;br/&gt;&lt;br/&gt;
  
  &lt;h2&gt;Title 3 - Search&lt;/h2&gt;
  &lt;input id="name" type="textbox" /&gt;
  &lt;input id="search" type="submit" value="Search" /&gt;    
  &lt;br/&gt;&lt;br/&gt;
  </code></pre>
  
  <p>and this is my jQuery attempt code.</p>
  
  <pre><code>&lt;asp:Content ContentPlaceHolderID="JavaScriptContent" runat="server"&gt;
  &lt;link type="text/css" href="../../Content/smoothness/jquery-ui-1.7.1.custom.css" rel="Stylesheet" /&gt;
  
  &lt;script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script src="/Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;SCRIPT type=text/javascript&gt;
      $(function() {
          $("#tabs").tabs();
      });
  &lt;/SCRIPT&gt;
  &lt;/asp:Content&gt;
  
  &lt;asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server"&gt;
  
  &lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li href="ajax/data_a"&gt;Title 1&lt;/li&gt;
          &lt;li href="ajax/data_b"&gt;Title 2&lt;/li&gt;
          &lt;li href="#tab-3"&gt;Search&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tab-1"&gt;
          .... data_A table is put here ... 
          .... but will be updated via ajax when the tabs is clicked.
      &lt;/div&gt;        
      &lt;div id="tab-3"&gt;
          &lt;input id="name" type="textbox" /&gt;
          &lt;input id="search" type="submit" value="Search" /&gt;    
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>can anyone help me? what have i done wrong?</p>
  
  <p>cheer :)</p>