Tabs прыгает при нажатии

Друзья, при клике в табах по ссылке прокручивается страница к верху! Как пофиксить это?

Код:

<ul id="tabs">
<li><a href="#" title="tab1">111</a></li>
<li><a href="#" title="tab2">222</a></li>
<li><a href="#" title="tab3">333</a></li>
<li><a href="#" title="tab4">444</a></li> 
<li><a href="#" title="tab5">555</a></li>    
</ul>

<div id="content"> 
<div id="tab1">
    1
 </div>
<div id="tab2">
    2
 </div>
<div id="tab3">
    3
     </div>
<div id="tab4">
    4
     </div>
<div id="tab5">
    5
 </div>
</div>

Скрипт:

<script>
        $(document).ready(function() {
            $("#content div").hide();  
            $("#tabs li:first").attr("id","current");  
            $("#content div:first").fadeIn();

            $('#tabs a').click(function(e) {
                e.preventDefault();        
                $("#content div").hide();  
                $("#tabs li").attr("id","");  
                $(this).parent().attr("id","current");  
                $('#' + $(this).attr('title')).fadeIn(); 
            });

        })();
    </script>