Load content from external page into another page using Ajax/jQuery

Question

Is there a way to do this?

page1.php --has

   
hello

ind

Answer 1

Just put a filtering selector after the URL in .load's first argument:

$(document).ready(function() {
    $("#main").load('page1.php #content');
});

That will inject the #main div in the current page with the contents of #content from page1.php.