Prevent scrolling to top when using jQuery .load
<p>I have three buttons on the site and when you click each one, they use .load to add different things to a DIV. The problem I'm having is whenever you click a button, it sends you back to the top of the page. I've tried using preventDefault() and return false but it didn't work for me, I might have just placed it in the wrong spot. </p>

<p>You can see the problem at <a href="http://coralspringshigh.org/cshs/" rel="nofollow">http://coralspringshigh.org/cshs/</a> , here's the jQuery that I have now:</p>

<pre><code>    if($(tabsId).length &gt; 0){
            loadTab($(tabsId));
        }
        $(tabsId).click(function(){
            if($(this).hasClass(selected)){ return false; }
            $(tabsId).removeClass(selected);
            $(this).addClass(selected);
            $(containerId).hide();
                loadTab($(this));
            $(containerId).fadeIn();
            return false;
        });

    function loadTab(tabObj){
     if(!tabObj || !tabObj.length){ return; }
     $(containerId).addClass('loading');
     $(containerId).load(tabObj.attr('href'), function(){
          $(containerId).removeClass('loading');
          $(containerId).fadeIn('fast');
     });
    }
</code></pre>

<p>Thank you in advance.</p>
