jquery load only innerHtml en lugar de wrapper en sí

Question

Permítanme aclarar mi necesidad, puede que no esté del todo claro en el título.

estoy usando:

$("#content").load("http://example.com/page1.html #content"); 

Cuando miro en Firebug veo #content dentro #content en la página donde se produjo el Ajax llamada.
Por lo tanto, es obvio que solo necesito # contenido html interno para cargar. ¿Cuál sería la forma más elegante de lograr esto con Jquery?

¡Gracias!

Answer 1

que se pueden hacer usando $.get

$.get('http://example.com/page1.html', function (data) { 
    data = $(data).find('#content').html(); 
    $("#content").empty().append(data); 
}); 

Answer 2

utilice el selector Niño (http://api.jquery.com/child-selector/) en #content para seleccionar todos (*) los hijos de #content.

$("#content").load("http://example.com/page1.html #content > *");