no me carga una página en un div

[CarlosMC]

Hola, quiero cargar el contenido de un archivo html en una capa al hacer click en un enlace
código jquery es el siguiente y no funciona, no logro ver el fallo a ver si me podeis ayudar

Código PHP:

  $(document).ready(function(){
   
   $("#contacto").click(function(evento){
     
      $("#principal").load("../contacto.html");
        
   });
   
}); 
   

he probado a poner $("#principal").empty() y el contenido se borra sin ningún problema, pero lo que yo quiero es que cargue el codigo html que hay en contacto.html

[LionCode]

$("#contacto").click(function(evento???){

$("#principal").load("../contacto.html");

});

y contacto.html esta en una carpeta superior???
si esta en la misma carpeta deberia de ser load("contacto.html")

[CarlosMC]

efectivamente, la pagina que quiero cargar se encuentra en el directorio superior, he probado quitando la variable evento que le paso, pero sigue igual.

[CarlosMC]

edito:

el problema mio era que yo tenia una carpeta llamada js en la que tenia el codigo jquery y pensé que para hacer referencia a la pagina a cargar tenia qe indicarle la ruta, por eso subía de directorio, pero me lo toma como si estuviese en el mismo directorio del index aunque el codigo jquery esté en un subdirectorio