$('#wrapper').hide();

//loads content
function loadContent(url) {
    $('#wrapper').load(url).delay(500).fadeIn(500);
}

$(function() {
    $('#nav a').on('click', function(e) {
      e.preventDefault();
      $('#wrapper').fadeOut(500);
      var href = $(this).attr("href");
      setTimeout(function(){
        loadContent(href);
        history.pushState({}, '', href);
      }, 500);
    });

    $('#wrapper').on('popstate', function() {
        loadContent(location.pathname);
    });
});