The .load() method in jQuery provides the ability to load content into the selected elements.
The
.load()Load data from the server and place the returned HTML into the matched element.
.load( url [, data ] [, complete ] )
This method is the simplest way to fetch data from the server. It is roughly equivalent to $.get(url, data, success) except that it is a method rather than global function and it has an implicit callback function. When a successful response is detected (i.e. when textStatus is "success" or "notmodified"), .load() sets the HTML contents of the matched element to the returned data. This means that most uses of the method can be quite simple:
Example:
$( "#result" ).load( "ajax/test.html" );