OK, heres some jquery to do that:
var pageDirectory = "page"; // the directory in which the pages are located
var returnID = "content"; // the id on the element in which you want the loaded page to go to
//Coded by Aidan Taylor - www.aidantaylor.net
$(document).ready(function(){
//get the hash
var hash = window.location.hash;
if (hash != ""){
//take off the #!/ from the hash
var hash = hash.split("#!/");
//page route
var page = "./"+pageDirectory+"/"+hash[0]+hash[1];
//load the page
$("#"+returnID).load(page);//get the page
}
$("a").click(function(e){ //do when link is clicked
//get the href from the link
var url = $(this).attr("href");
//take off the #!/
var url = url.split("#!/");
//page route
var page = "./"+pageDirectory+"/"+url[0]+url[1];
//load the page
$("#"+returnID).load(page);
});
});
Your links will need to be like this:
<a href="#!/page"></a>
this is so that google picks it up and puts it down as a permanent url, if its just the #/page then google picks it up as non-permanent.
You can also do things like this:
<a href="#!/page/hiii"></a>
this script will get the pages from the directory you put, e.g, if directory is page, and the page name is home, it the page like this ./page/page-name, and it will get the main index page e.g. index.php, index.html ect, unless you put in what the page extension is e.g: x!/page.html.