jQuery UI Tabs loading specific link within tab
<p>I want to load only links within a certain div inside the tab, otherwise it should just go to the actual link.</p>

<p>Current the code i use loads all links inside the content in the same tab</p>

<pre><code>&lt;script type="text/javascript"&gt;
      $(function(){
        $('#tabs').tabs({
          load: function(event, ui) {
            $('a', ui.panel).click(function() {
              var tabId=$('#tabs').tabs('option', 'selected');
             $('#tabs').tabs("url", tabId, this.href).tabs("load",tabId);
              return false;
            });
          }
        });
      }); 
&lt;/script&gt;
</code></pre>

<p>Tab Page</p>

<pre><code>    &lt;div id="sresults" style="width: 520px"&gt;
 &lt;div id="tabs"&gt;
  &lt;ul&gt;
   &lt;li&gt;&lt;a href="mylink.html"&gt;Songs&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="mylink.html"&gt;Albums&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="mylink.html"&gt;Videos&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="mylink.html"&gt;Entire Blog&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And then heres the page inside the tab</p>

<pre><code>&lt;div id="content"&gt;
&lt;a href="permalink.html"&gt;My links&lt;/a&gt;
&lt;/div&gt;

&lt;div id="navi"&gt;&lt;a href="tab?page=2"&gt;Next Page&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>I want the links inside the navi div to load within the tab, but all links outside should go to the actual link</p>
