title: Load page into a div with a specific jQuery UI tab selected
body: <p>I've got a page with some global navigation that loads other pages into a content div using jQuery. The pages I'm loading into the div have jQuery UI tabs on them. I know how to load the pages into the div, but what I want to do is load the pages with a specific tab panel selected/open. Here's the html for my base page:</p>
  
  <pre><code>&lt;nav&gt;
  &lt;a href="tabs.htm#tab-1"&gt;Link to Tab 1&lt;/a&gt;
  &lt;a href="tabs.htm#tab-2"&gt;Link to Tab 2&lt;/a&gt;
  &lt;a href="tabs.htm#tab-3"&gt;Link to Tab 3&lt;/a&gt;
  &lt;/nav&gt;
  &lt;main&gt;&lt;/main&gt; 
  </code></pre>
  
  <p>And the html for the tabs.htm page:</p>
  
  <pre><code>&lt;div class="tabs nav-tabs"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="#tab-1"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#tab-2"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#tab-3"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="tab-1"&gt;Blah&lt;/div&gt;
  &lt;div id="tab-2"&gt;Blah&lt;/div&gt;
  &lt;div id="tab-3"&gt;Blah&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my script:</p>
  
  <pre><code>$('nav a').click(function(e){
  e.preventDefault();
  $('main').load(this.href, function() {
  });
  </code></pre>
  
  <p>Is this possible?</p>