jquery load only innerHtml instead of wrapper itself

Question

Let me clarify my need, it might not be all clear from the title.

I am using:

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

When I look in firebug I see #content inside #content on the page where Ajax call occurred.
So it's obvious that I need only #content's inner html to get loaded. What would be the most elegant way to achieve this with Jquery.

Thank you!

Answer 1

Use the Child Selector (http://api.jquery.com/child-selector/) on #content to select all (*) the children of #content.

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