Jquery tabs and following a tab's URL instead of loading its content via ajax
<p>When I use the below code I'm unable to get selected tab selected(highlighted).  I'm wondering if I can reload the same page when I click on a tab and get the newly select tab to be selected.  Right now that is not happening.  The page is design to display different info base my parameter "a". Also, I do not want use ajax. </p>

<pre><code>&lt;link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /&gt;

&lt;script type="text/javascript" src="../../jquery-1.4.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="../../jquery-ui-1.7.2.custom.min.js"&gt;&lt;/script&gt;

&lt;link type="text/css" href="../demos.css" rel="stylesheet" /&gt;
&lt;script type="text/javascript"&gt;
$(function() {
   $('#tabs').tabs({
        select: function(event, ui) {
                      var url = $.data(ui.tab, 'load.tabs');
                      if (url) {
                          location.href = url;
                          return false;
                      }
                     return true;
        }
    });   
});
&lt;/script&gt;

&lt;div id="tabs"&gt;
&lt;ul&gt;

    &lt;li&gt;&lt;a href="default.aspx?a=1"&gt;tab 1&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;a href="default.aspx?a=2"&gt;tab 2&lt;/a&gt;&lt;/li&gt;

    &lt;li&gt;&lt;a href="default.aspx?a=2"&gt;tab 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Any help would be great.  Thanks</p>
