问Bootstrap标签页已经修改为鼠标滑过激活当前选项卡，怎样实现点击该链接正常跳转超链接？

<ul class="nav nav-tabs">
  <li class="active"><a href="#tab1">Home</a></li>
  <li><a href="#tab2">Profile</a></li>
  <li><a href="#tab3">Messages</a></li>
  <li><a href="#tab4">Account</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="tab1">
      TAB1 CONTENT
  </div>
  <div class="tab-pane" id="tab2">
      TAB2 OTHER CONTENT
  </div>
  <div class="tab-pane" id="tab3">
      TAB3 MORE CONTENT
  </div>
  <div class="tab-pane" id="tab4">
      TAB4 SO MUCH CONTENT
  </div>  
</div>

$('.nav-tabs > li').mouseover( function(){
    $(this).find('a').tab('show');
  });
  $('.nav-tabs > li').mouseout( function(){
    $(this).find('a').tab('hide');
  });