Estoy usando esta pregunta para reutilizar un encabezado en mis páginas. Así es como se ven mis archivos:

índice.html

 <header></header> [other content] <script src="js/jquery.js"></script> <script src="js/main.js"></script>

aplicación/index.html

 <header></header> [other content] <script src="../js/jquery.js"></script> <script src="../js/main.js"></script>

encabezado.html

 <a href="index.html">Home</a> <a href="app/index.html">App</a>

js/principal.js

 $(function(){ $("header").load("../header.html"); });

index.html funciona bien, pero app/index.html no. En el encabezado, el enlace Inicio abre app/index.html en lugar de index.html. Esto se debe a que copió el contenido de header.html y dado que la carpeta actual es la aplicación, interrumpe la navegación. ¿Cómo puedo evitar esto?