JQuery :: Load More Than One Html Fragment Using .load()?

Is there a way to load more than one html fragment using .load()? That is, I want my homepage to pull in multiple pages of content into the main page so that I can create a one-page site that slides vertically.

An example of what I've got is

$(document).ready(function(){
$('#footer').load('about.html #content');
$('#footer').load('locations.html #content');
$('#footer').load('contact.html #content');
});

Which of course only loads the first about.html page's #content into the #footer of the home page.