title: Prevent scrolling to top when using jQuery .load
body: <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/">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>