Estoy intentando cargar un elemento DIV desde una página externa en mi página actual usando la función Ajax / jQuery.ajax. Si bien he podido cargar con éxito una página externa completa, parece que no puedo cargarsólo El elemento DIV.

Aquí está mi código:

$("a").click(function() {
  /* grabs URL from HREF attribute then adds an  */
  /* ID from the DIV I want to grab data from    */
  var myUrl = $(this).attr("href") + "#external-div";
  $.ajax( {
  url: myUrl,
  success: function(html) {
    /* loads external content into current div element */
    $("#current-div").append(html);
    }
  });
  return false;
});

Agarra el atributo HREF sin ningún problema, pero no agrega "# external-div" a la URL. ¿Algunas ideas?

¡Muchas gracias!

~ Jared Crossley