title: JQuery & history.js back button not working
body: <p>I'm using history.JS (latest) with Jquery (latest) to load and replace just a portion of a website, this is all working, currently I'm only trying to get it working in modern browsers so I'm not fiddling with the hash changes.</p>
  <p>Everything seems to work, however when I click the back button on the browser (latest FF &amp; Chrome) the page does not change (although the url and title do change). I've had a google and a look on here but I can't see what is happening.</p>
  <p>Looking on stack overflow I found this page: <a href="https://stackoverflow.com/questions/7949040/do-not-understand-history-js">Restoring content when clicking back button with History.js</a> which seems to be asking a similar question. I've add the loaded contents of the #left_col (which is the div being replaced) to the state data, but I'm not really sure where to go from there, I know I need to reload that data when the state changes, but I can't see how.</p>
  <pre><code>var History = window.History; 
  var origTitle = document.title;
  if ( !History.enabled ) {
      return false;
  }
      
  History.Adapter.bind(window,'statechange',function(){ 
      var State = History.getState();     
      History.log(State.data, State.title, State.url);
  });
  
  $('.ajaxload').live(&quot;click&quot;, function() {
      History.pushState({state:1,leftcol:$('#left_col').html()}, origTitle, $(this).attr(&quot;href&quot;));
      $('#left_col').load($(this).attr(&quot;rel&quot;));
      return false;
  });
  </code></pre>
  <p>I'd really appreciate any help!</p>
  <h2>update:</h2>
  <p>I managed to get the page to change on the user clicking back, but it doesn't load the right state (it seems to go two states back rather than one), the code I've added to the above code is:</p>
  <pre><code>window.addEventListener('popstate', function(event) {
      var State = History.getState(); 
      $('#left_col').html(State.data.leftcol);
  });
  </code></pre>