problemas al cargar div con jquery

[hnesys]

HOla a todos, tengo una duda:
tengo este menu:

Código PHP:

  <ul class="menu2" id="MenuHorizontal">

                <li><a href="prueba.html"><b>Inicio</b></a></li>

                <li><a href="prueba2.html"><b>Manuales</b></a></li>

                <li><a href="prueba3.html"><b>Enlaces de Interes</b></a></li>

                <li><a href="prueba4.html"><b>Boletines</b></a></li>

                <li><a href="prueba5.html"><b>Contactenos</b></a></li>

                <li><a href="prueba6.html"><b>Buscar</b></a></li>

</ul> 
   

y lo que pienso hacer es cargar esas paginas en un div utilizando JQUERY y que pasa es cuando termina de cargar la pagina todo normal, lo malo es cuando hago click se pone a cargar toda la pagina completa y no me muestra el contenido y se queda asi....
quisiera que me ayuden cual es el error, aqui les dejo el codigo de JQUERY..

Código PHP:

  $(document).ready(function(){

   $("#MenuHorizontal a").each(function(){

      var href = $(this).attr("href");

      $(this).click(function(){         

         $("#ContenidoPrincipal").hide().load(href).fadeIn("slow"); //Le damos efecto

         $(this).attr({ href: "#"});

      });

   });

}); 
   

y otro problema es cuando pongo load al momento de cargar la pagina web este se queda cargando como si fueze un bucle infinito....