title: jQuery tabs with both Ajax and static div's
body: <p>I am posting form data to a page that is using jQuery tabs.  Because you can't load post data into an Ajax query (at least without a ton of extra work and making it more insecure), I'm loading the active tab as an actual div on the page.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('#tabs').tabs({ selected: 3 });
      });
  &lt;/script&gt;
  
  &lt;div id="tabs" style="margin-top: 10px"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="myprofile.php"&gt;My Profile&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="mycompany.php"&gt;My Company&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="manageusers.php"&gt;Manage Users&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#manageallusers"&gt;Manage All Users&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="manageclients.php"&gt;Manage Clients&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="manageallusers"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the example above, all tabs except the "Manage All Users" tab is called via the Ajax method in the jQuery tabs function.  The other is just a static div already on the page.  On initial load, this works beautifully.  However, if you begin to click through the Ajax tabs, the static div remains beneath.</p>
  
  <p>There is a 'load:' callback in the tabs() function.  I know I should be using this -- I'm just not sure at all how to approach it.  Any thoughts, suggestions??</p>