Having Trouble With Page Reload After jQuery Function
<p>I've been struggling with this for a while and I can't come up with a solution. I have a simple jQuery function which fades in and out content elements on a menu for a restaurant. The fad works perfectly but when it runs the page reloads and jumps back to the top. I've found all kinds of suggested solutions on here but none of them work. I've used return false; and e.preventDefault(); as well as messing around with the link HTML changing it to a span and a button but none of it is working. It's on a customized Theme on Wordpress here is the HTML I have. </p>

<pre><code>&lt;div id="menu_nav"&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="#" id="mainattraction" class="current-link menu-link"&gt;Main Attractions&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" id="seafoodcombos" class="menu-link"&gt;Seafood Combo's&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="harbouronaroll" class="menu-link"&gt;Harbour On A Roll&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="meangreens" class="menu-link"&gt;Mean Greens&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="appetizers" class="menu-link"&gt;Appetizers&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="kidsmenu" class="menu-link"&gt;Kids Menu&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="onthegrill" class="menu-link"&gt;On The Grill&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#" id="soups" class="menu-link"&gt;Soups&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;

&lt;div id="mainattractionscontent"&gt;
//content
&lt;/div&gt;

&lt;div id="seafoodcomboscontent"&gt;
//content
&lt;/div&gt;
</code></pre>

<p>etc. etc.</p>

<p>and here is the jQuery I'm currently using.</p>

<pre><code> $('document').ready(function() {

    $('.menu-link').click(function(event) {
        var id = this.id + 'content';
        var link = this.id;
        $('.active').fadeOut(600, function(){
            $('#' + id).fadeIn(600);
            $('.active').removeClass('active');
            $('#' + id).addClass('active');
            $('.current-link').removeClass('current-link');
            $('#' + link).addClass('current-link');
            return false;
       }); 
    });

 });
</code></pre>

<p>you can also check out the page at <a href="http://theharboursportsbar.com/the-menu" rel="nofollow">http://theharboursportsbar.com/the-menu</a> for reference. Thanks in advance for the help. </p>
