Ne pas recharger page apres clic suur menu

Bonjour à tous je suis en train de développer un petit porfolio pour mon usage personnel je fais une navigation avec Ajax tout fonctionne niquel ! sauf un petit soucis quand je change de page au lieu de charger juste la div que je lui demande il charge tout la page donc du coup je me retrouve avec 2 page charger c'est très génant d'ailleur..
J'ai vue qu'il faillait bien configurer le .htaccess mais je suis très novice dans la matière je vous montre ce que j'ai fais :

mon menu :

<div class="column-left">
      <h3>MENU</h3>
      <a href="#skip-menu" class="hidden">Skip menu</a>
          <div id="menuu">
      <ul class="menu">
        <li><a href="index.php" class="active">Home</a></li>
        <li><a href="about.php">About me</a></li>
        <li><a href="portfolio.php">Portfolio</a></li>
        <li class="last"><a href="contact.php">Contact</a></li>
      </ul>
          </div>
    </div>

Mon script JS :

$(document).ready(function(){
        $("#menuu a").click(function(){
                page=$(this).attr("href");
                $.ajax({
                        url: "contenu/"+page,
                        cache:false,
                        success:function(html){
                                afficher(html);
                        },
                        error:function(XMLHttpRequest,TextStatus, errorThrown){
                                alert(textStatus);
                        }
                })
                return false;
        });
});

function afficher(data){
        $("#contenu").empty();
        $("#contenu").append(data);
}

et enfin mon .htaccess :

RewriteEngine on
RewriteRule ^([a-zA-Z0-9\-]*).html$ index.php?=$1 [L]

Si vous avez des explication je suis preneur merci !

Tu associe à l’événement click , mettre à la fin de tes instructions return false,

$("#menuu a").click(function(e){
   return false;
}