title: Back button / backspace does not work with window.history.pushState
body: <p>I have made a solution for my website which includes using ajax to present the general information on the website. In doing this, I am changing the URL every time a user loads some specific content with the window.history.pushState method. However, when I press backspace or press back, the content of the old url is not loaded (however the URL is loaded).</p>
  
  <p>I have tried several solutions presented on SO without any luck.     </p>
  
  <p>Here is an example of one of the ajax functions:</p>
  
  <pre><code>$(document).ready(function(){
  $(document).on("click",".priceDeckLink",function(){
      $("#hideGraphStuff").hide();
      $("#giantWrapper").show();
      $("#loadDeck").fadeIn("fast");
      var name = $(this).text();
      $.post("pages/getPriceDeckData.php",{data : name},function(data){
          var $response=$(data);
          var name = $response.filter('#titleDeck').text();
          var data = data.split("%%%%%%%");
          $("#deckInfo").html(data[0]);
          $("#textContainer").html(data[1]);
          $("#realTitleDeck").html(name);
          $("#loadDeck").hide();
          $("#hideGraphStuff").fadeIn("fast");
          loadGraph();
          window.history.pushState("Price Deck", "Price Deck", "?p=priceDeck&amp;dN="+ name);
      });
  });
  </code></pre>
  
  <p>Hope you guys can help :)</p>