Carga de html en Div

[cremas]

Buenas. Tengo una función muy sencilla.

//DENTRO DE principal.php
<script type="text/javascript">
$(document).ready(function(){
$('#pag1').load('pag1.php');
});
</script>

Esto me funciona perfectamente con esta estructura, aquí simplemente el archivo "principal.php" contiene la función que carga "pag1.php" en el div "#pag1"

----principal.php---->cargo---->pag1.php

El problema viene cuando al contenido de "pag1.php" le añadimos un enlace para que me abra "pag2.php" dentro de un div y que a su vez "pag2.php" contiene la función que veis arriba para que abra el contenido de "pag3.php".

-principal.php-->cargo-->pag1.php-->enlace carga-->pag2.php-->cargo-->pag3.php

//DENTRO DE pag2.php
<script type="text/javascript">
$(document).ready(function(){
$('#pag3').load('pag3.php');
});
</script>

Espero haberme explicado bien, el caso es que cuando cargo la página funciona, pero cuando le pongo un enlace a una página que a su vez contiene esta función, no me cargar la página que le indico dentro del div. No se si será tema del DOM o el controlador .ready.

Gracias por vuestra ayuda.