Carregando página sem refresh, indo para conteúdo

Pessoal, tenho o seguinte código abaixo, sempre que eu clico no link, ele carrega na div #content, porém se eu estiver no rodapé da página por exemplo, ele carrega, mas não volta ao topo, como faço uma implementação no código, para que toda vez que for carregado ele voltar ao topo da página ou pelo menos ir direto ao #content

<script type="text/javascript">
	$(document).ready(function(){
 var content = $('#content');
 loading = new Image(); loading.src = 'bike.gif';
 $('#menu a').live('click', function( e ){
 e.preventDefault();
 content.html( '<img src="bike.gif" />' );
 var href = $( this ).attr('href');
 $.ajax({
 url: href,
 success: function( response ){
 var response = $( '<div>'+response+'</div>' );
 var data = response.find('#content').html();
 window.setTimeout( function(){
 content.fadeOut('slow', function(){
 content.html(data).fadeIn();
 var title = response.find('title').text();
 window.history.pushState( href, title, href );
 document.title = title;
 });
 }, 500 );
 }
 });

 });
	});
	</script>

<ul id="menu" class="menu_left">
 <li><a class="m1" href="inicio">Início</a></li>
 <li class="active"><a class="m2" href="galeria">Galeria</a></li>
 <li><a class="m3" href="litoral">No litoral</a></li>
</ul>