title: window.history.pushState not going back in history
body: <p>I have a little problem experimenting with the history.pushstate event. I set it up so that the url of the page would be the actual URL of the page loaded via AJAX and that works just fine.</p>
  
  <p>I understood that it should automaticaly create a history, loading the pages previously loaded. unfortunatly hat doesn't happen and when i click back of forward the url does change but not the page.
  Can you help me? Here is my simplified code:</p>
  
  <pre><code>    function hijackLinks() {
          $('a').live("click", function (e) {
              e.preventDefault();
              loadPage(e.target.href);    
              direction = $(this).attr('class');        
          });   
      }
  
  
      function loadPage(url) {
          if (url === undefined) {
              $('body').load('url', 'header:first,#content,footer', hijackLinks);
          } else {
              $.get(url, function (data) {
                  $('body').append(data);
                   window.history.pushState(url, url, url);
  
                  if (direction === "leftnav") {
                     //DO STUFF
                  }
                  if (direction !== "leftnav") {
                     //DO STUFF
                  }
  
                  setTimeout(function () {
                    //DO STUFF
                  },1000);
              });
          }
      }
      $(document).ready(function () {
          loadPage(); 
  
      });
  </code></pre>