title: Jquery tab hash tag problem
body: <p>Currently I have a very simple tab system set up, the problem is when the you click on the tabs the page moves upwards but not all the way to the top. I have tried return false; and e.preventDefault(); in my click event. None of these seem to be working. If anyone could help me stop the page move when a tab is clicked that would be great. Here is my code, also for know I just have the e.preventDefault(); in my click event but I have also tried the return false too :</p>
  
  <pre><code>    $(".tab_content").hide();
  $(".bat-tabs li:first").addClass("active").show();
  $(".tab_content:first").show();
  $("#nav-container").css("border-top", "3px solid #F79C0C");
  
  $(".bat-tabs li &gt; a").click(function (e) {
      $(".bat-tabs li").removeClass("active");
      $(this).parent().addClass("active");
      $(".tab_content").hide();
  
      var activeTab = $(this).attr("href");
      $(activeTab).fadeIn();
      e.preventDefault();
  
  });
  </code></pre>
  
  <p>Here is my actual html</p>
  
  <pre><code>Thank you guys for both responding so quickly. For jbrookover: not sure how i should implement your solution bc right now for each one of my links i have a corresponding #+('tab name'), like this:                             {      &lt;div class="clearfix"&gt;
      &lt;ul class="bat-tabs clearfix"&gt;
          &lt;li&gt;&lt;a href="#baseball"  title="click to see all our choices for baseball bats" class="active"&gt;&lt;h2&gt;Baseball Bats&lt;/h2&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#fast" title="click to see all our choices for fastpitch bats"&gt;&lt;h2&gt;Fastpitch Bats&lt;/h2&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#slow"  title="click to see all our choices for slowpitch bats"&gt;&lt;h2&gt;Slow Pitch Bats&lt;/h2&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="nav-container" class="section clearfix nav"&gt;
      &lt;div id="baseball" class="tab_content"&gt;
          content here
       &lt;/div&gt;
       &lt;div id="fast" class="tab_content"&gt;
          content here
       &lt;/div&gt;
       &lt;div id="slow" class="tab_content"&gt;
          content here
       &lt;/div&gt;
  &lt;/div&gt;                                                                         }
  </code></pre>