dal titolo non si capisce, mi spiego meglio

ho una roba del genere

codice:
$(document).ready(function() {$("#gioco").click(function() {
$("#contentBox").load("gioco.php");
});    
});
codice HTML:
<body> <div id="topmenu"><ul><li><a id="home">HOME</a></li><li><a id="profilo">PROFILO</a></li><li><a id="gioco">GIOCO</a></li><li><a id="classifica">CLASSIFICA</a></li></ul></div>
<div id="contentBox"></div>   <script type='text/javascript'>      $('#contentBox').load('home.php');    </script> 
<br />
</body>

sostanzialmente la pagina iniziale resta sempre la stessa mentre nel div contentBox i contenuti cambiano, ma quando io aggiorno la pagina mi ritorna giustamente al contenuto iniziale.

come faccio a fargli ricordare dove eravamo rimasti???