(jquery) - Problema al utilizar el método .load desde el div de carga

[uikekarallo]

Como el título del post deja mucho que desear (y es que no hay caracteres suficientes para describirlo mejor), os cuento:

Tengo una página donde todo el contenido se carga a través de jquery por el método .load() desde un archivo llamado content.html en un div llamado #content dentro del index.html. Para esto utilizo una sencilla función.

Ahora me explicaré con más claridad:

Código:

  var pagina = 'content.html ';
  var contacto = '#contacto';

  function ajax_request(pagina,div)
    {
        $('#content').html('<p class="loading"><img src="img/loader.gif" alt="loading..." width="32" height="32" /></p>');
        $('#content').load(''+pagina+div+'');
    }

Hasta ahí todo correcto. Cuando hago click (a través del navbar) en el ancla (<a id="contacto">) me carga correctamente el contenido en el div #content.

Ahora bien, mi problema es que cuando quiero utilizar el mismo sistema dentro del div #content no me funciona.

El código que utilizo en el navbar del index para llamar a la función a través del id es <a id="contacto" title="Contacto">Contacto</a>.

Para llamar de nuevo a esta función, no utilizo de nuevo el mismo id, sinó que le llamo contactoExt, aunque dentro del jscript sí tiene la misma línea:

$('#contactoExt').click(function(){ ajax_request(pagina,contacto); });

Y ahí es donde no me funciona.

Ahora os dejo todo el código:

Código:

// inicio de página principal
	
	$('#content').load('content.html #inicio');

// variable de página de contenido

	var pagina = 'content.html ';
	
// variables del navbar

	var inicio = '#inicio';
	var contacto = '#contacto';

// funcion de llamada

	function ajax_request(pagina,div)
	{
		$('#content').html('<p class="loading"><img src="img/loader.gif" alt="loading..." width="32" height="32" /></p>');
		$('#content').load(''+pagina+div+'');
	}

// navbar

	$('#inicio').click(function(){ ajax_request(pagina,inicio); });
	$('#contacto').click(function(){  ajax_request(pagina,contacto); });

// contactoExt

	$('#contactoExt').click(function(){  ajax_request(pagina,contacto); });

Ok, espero no haber creado mucho lío en la explicación. Pero imaginaros el tiempo que llevo dándole vueltas... Hasta me cuesta pensar con claridad

Lo que necesito es cargar dentro del div #content del index el div #contacto del content.html desde el mismo #content del index. Vaya lío xD

Ya os doy las gracias de antemano por las respuestas... Un saludo.