[Resolvido] Diferença nos links dos menus jquery

Bom dia caros amigos do imaster.

Estou com um problema que com certeza deve ser simples, mais como ainda estou engatinhando com jquery gostaria de uma ajudinha do pessoal.

Tenho uma div central chamada (BOX) e um menu em abas acima dela que muda o conteudo de acordo com o link.

Pagina index.php

<div id="menu" class="menu">
<ul id="menu">
 <li><a href="dadoscliente.php">Dados do Cliente</a></li>
 <li><a href="compras.php">Compras</a></li>
 <li><a href="vendas.php?game=5">Vendas</a></li>

 </ul><!-- /menu -->

</div>

Jquery

 $(document).ready(function(){
 var content = $('#box');

 //pre carregando o gif
 loading = new Image(); loading.src = 'imagens/loading.gif';
 $('#menu a').live('click', function( e ){
 e.preventDefault();
 content.html( '<img src="imagens/loading.gif" />' );

 var href = $( this ).attr('href');
 $.ajax({
 url: href,
 success: function( response ){
 //forçando o parser
 var data = $( '<div>'+response+'</div>' ).find('#content').html();

 //apenas atrasando a troca, para mostrarmos o loading
 window.setTimeout( function(){
 content.fadeOut('slow', function(){
 content.html( data ).fadeIn();
 });
 }, 500 );
 }
 });

 });
 });

Funciona normalmente, mais ai surgiu uma questão:

O link Dados do Cliente na verdade não haveria necessidade de ficar carregando novamente a pagina dadoscliente.php sempre que clicado, pois estes dados eu já colocaria em uma div (escondida) Ex. <div id="dadoscliente">, pois não tem alteração.

 

A questão é: Como tornar o link <li><a href="dadoscliente.php">Dados do Cliente</a></li> para simplesmente algo que fizesse a div dadoscliente escondida ser mostrada na div box.

Já vi códigos para carregamento de páginas e para carregamento de div separados, mais não consigo fazer funcionar os dois juntos.

Tenho certeza que alguem já passou por isso e vai me ajudar.

Obrigado