[Jquerry] Changer le contenu d'un div

Bonjour a tous !

Alors premièrement ceci est mon tout premier message sur le forum ! J'ai enfin sauté le pas et je me suis crée un compte seulement aujourd'hui

Alors je suis confronté à un petit problème ....

Dans le cadre de mon stage je dois développer un site intranet, le problème est que mon niveau en programmation n'est pas génial (Vive l'apprentissage du code au lycée ! avec 1h de pratique par semaine pour apprendre à coder )

Depuis hier je bloque sur un petit plus que j'aurai voulu rajouter au site : Lorsque je clique sur un élément du menu à gauche, seul le centre de la page doit se recharger pour afficher le fichier pointer par le href du lien où je viens de cliquer

J'ai lu beaucoup de tuto depuis 3 jours mais rien de concluant :(

Voici un petit aperçu de la page (je n'ai laissé que ce qui est utile pour ma question:

http://imageshack.us/a/img849/8408/u1n.jpg

Voici le code HTML de mon menu (désolé pour l'indentation si ça foire, première fois que j'utilise l'outils code du forum !):

<menu class="menu">  
   <ul>
    <ul>
        <li>  Matériels </li>
         
                <li><a href="liste_mat.php" class="load">Liste du matériel disponible</a></li>
                <li><a href="demande_mat.php" class="load">Demande de matériel</a></li>
    </ul>
             
        <li>  Accès Badge </li>
            <ul>
                <li><a href="pages/?p=index" class="load">Suivi salarié</a></li>
                <li><a href="demande_acces.php" class="load">Demande d'accès</a></li>
            </ul>
             
        <li> Formation </li>
            <ul>
                <li><a href="voeux_formation.php" class="load">Voeux de formation</a></li>
            </ul>
   </ul>
</menu>
 
<div id="contenu">
     <p align="center" >CONTENU A REMPLACER ICI</p>
</div>

et voici le script que j'utilise (encore désolé pour l'indentation si ça foire !)

<script type="text/javascript"><!--
 $(document).ready(function () { 
 
  $("a.load")
  .click(function() {
  $('contenu').load(this.href);
    return false;
  });
 
});
// --></script>

Actuellement, lorsque je clique sur un élément du menu rien ne se passe, si j'enlève le script, le lien redirige bien vers son href mais bien évidemment dans une nouvelle page ...

Quelqu'un aurait pourrait m'apporter un peu d'aide ?

Merci d'avance