How do I stop the page from reloading when clicking on tabs? (jQuery)
<p>I am have an issue with the page reloading. I have written a simple jQuery script that will tab through content. You can see it in action here: <a href="http://www.jonathanmaloy.com/tabstack/" rel="nofollow">http://www.jonathanmaloy.com/tabstack/</a></p>

<p>The problem is that the page reloads and starts back at the top. I want to be able to have it stay in the same position so when you click on the next tab you wont have to scroll down the page back to it.</p>

<p><strong>preventDefault() and return false do not fix the problem.</strong></p>

<p>If there is anything else you need let me know but with the above link you can see everything.</p>

<p>Here is my current jQuery code:</p>

<pre><code>$(document).ready(function() {
    $('#tabnav li').click(function() {
        $(this).not('.active').each(function() {
            $('.tab').hide();
            $('#tabnav li.active').removeClass('active');
        });
        $(this).addClass('active'); 
        $($(this).attr('title')).fadeIn(450);
    });
    $('#tabnav li:first').click();
});
</code></pre>

<p>Thanks in advance for any help!</p>
