Подмена контента страницы по клику на ссылку меню, без перезагрузки всей страницы

 $('#content').load( "content.html #p1");
 $('#d1').click( function(eventObject) 
 {eventObject.preventDefault();$('#content').load( "content.html #p1");});
 $('#d2').click( function(eventObject) 
 {eventObject.preventDefault();$('#content').load( "content.html #p2");} );
...

<script type="text/javascript">
$(function() {
  $("a, area").click(function() {
    history.pushState({}, '', $(this).attr("href"));
    return false;
  });
});
</script> 
<script>
 
$(function() {
  String.prototype.decodeHTML = function() {
    return $("<div>", {html: "" + this}).html();
  };
 
  var $content = $("content"),
  
  init = function() {
    // Do this when a page loads.
  },
  
  ajaxLoad = function(html) {
    document.title = html.match(/<title>(.*?)<\/title>/)[1].trim().decodeHTML()
    init();
  },
  
  loadPage = function(url) {
    history.pushState({}, '', href);
    $content.load(href + " content>*", ajaxLoad);
 
  };
  
  init();
  
  $(window).on("popstate", function(e) {
    if (e.originalEvent.state !== null) {
      loadPage(location.href);
    }
  });
 
  $(document).on("click", "a, area", function() {
    var href = $("this").attr("href");
 
    if (href.indexOf(document.domain) > -1 || href.indexOf(':') === -1) {
      loadPage(href);
      return false;
    }
  });
});
 
</script>