title: Load different HTML into same #Content DIV on clicking different buttons
body: <p>I have a menu with several options, I would like to know how to load different HTML into the same <code>div</code> (called <code>#content</code>) depending on the buttons you press of the menu.</p>
  
  <p>I have this code for the menu:</p>
  
  <pre><code>&lt;div id="mainmenu"&gt;
  &lt;ul id="menu"&gt;
  &lt;li&gt;&lt;a href="#"&gt;Accueil&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Qui suis-je?&lt;/a&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt;Biographie&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Discographie&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Porfolio&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What do I need to do to send, for example, "index.html" into <code>div#content</code> when I press in the menu the option "Accueil"?</p>