страница прыгает по клику после выполнения javascript

У меня есть фрагмент javascript (jquery), который является ссылкой на href="#" для переключения щелчка.. все в порядке, за исключением того, что когда я нажимаю на страницу, она возвращается все вверх... я предпочитаю, чтобы страница оставалась там, где это... return false ничего не сделал...

вот код:

<script type="text/javascript"> 
 jQuery(document).ready(function(){
  jQuery('#social li').click(function(){
   button = jQuery(this).attr('class');
   switch (button)
    { 
    case 'social1' : 
    jQuery('#facebookbox').show(); 
    jQuery('#twitterbox').hide();
    jQuery('.social1 a').addClass('selected');
    jQuery('.social2 a').removeClass('selected');
    break;

    case 'social2' : 
    jQuery('#facebookbox').hide(); 
    jQuery('#twitterbox').show(); 
    jQuery('.social2 a').addClass('selected');
    jQuery('.social1 a').removeClass('selected');
    break;
    }
  });
}); 
</script>