Eu tenho um menu com várias opções, eu gostaria de saber como carregar HTML diferente no mesmodiv (chamado#content) dependendo dos botões que você pressiona no menu.

Eu tenho esse código para o menu:

<div id="mainmenu">
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Qui suis-je?</a>
<ul>
<li><a href="#">Biographie</a></li>
<li><a href="#">Discographie</a></li>
</ul>
</li>
<li><a href="#">Porfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

O que preciso fazer para enviar, por exemplo, "index.html" paradiv#content quando eu pressiono no menu a opção "Accueil"?