change querystring value with jquery
<p>i am using a jquery Script to create a Tab Panel. Now, what i need is to change the querystring value on click on each tab. can we do this without page refresh.</p>

<p>I am using below script for tab panel.</p>

<pre><code>function tabPanel() {
    var tabContent = $('div.tabsBG &gt; div.tabsWrapper');
    tabContent.hide().filter(':first').show();

    $('ul#tabLinks li a').click(function(){
        tabContent.hide();
        tabContent.filter(this.hash).show();
        $(this).parent('li').addClass('tabactive');

        return false;
    }).filter(':first').click();
}
</code></pre>

<p>Dummy URL of the page:
<a href="http://www.anyurl.com/tabpage.aspx?tabid=1" rel="nofollow">http://www.anyurl.com/tabpage.aspx?tabid=1</a></p>

<p>So, i need to change the TabID on click on tabs.</p>

<p>Thanks in advance.</p>
