title: browser back and forward button does not invoke callback method with statechange event of history.js
body: <p>I used (<a href="https://github.com/browserstate/history.js" rel="nofollow">https://github.com/browserstate/history.js</a>) and have a piece of code like this</p>
  
  <pre><code>History.Adapter.bind(window, 'statechange', function() { 
      var State = History.getState();
      alert('Inside History.Adapter.bind: ' + State.data.myData);
  });
  
  function manageHistory(url, data, uniqueId){
      var History = window.History;
      if ( !History.enabled ) { return false; }        
      History.replaceState({myData: data}, null, '?stateHistory=' + uniqueId);
  }
  </code></pre>
  
  <p>if I invoke <code>manageHistory()</code> after my ajax call, then <code>History.Adapter.bind</code> callback method get invoked correctly. However, if I click the browser back and then click forward button that <strong>result in page navigation from B to A, then A back to B</strong>, call back method inside <code>History.Adapter.bind</code> does not get invoked. This happen on both chrome and IE9. Anyone know how to fix this issue, I need to get the <code>State</code> after click browser back and then forward, to update my DOM. Please help</p>
  
  <p>Note: I use version 1.7.1 jquery.history.js for <strong>html4 browser IE9</strong></p>
  
  <p><strong>UPDATE (May 3 2013): Talk a bit more about my requirement</strong> </p>
  
  <p>Sorry I was busy with other task, that not until now that I have sometimes to look at this issue. So <code>oncomplete</code> of an ajax call, I took that information that return to me, and push it into state. My requirement is: that if I navigate from page A to page B, and then on page B, I execute numbers of ajax requests that result in DOM manipulation (let call each ajax request that result in DOM manipulation a <code>state</code>). If I click the back button, I should go back to page A, and if I click the forward button, I should go to page B with the last state that I was in.</p>
  
  <p>So my thought was, <code>oncomplete</code> of my ajax request, I would replace the last state in history with my current state (my json object is the html that I receive back from the ajax request). If I use push state, let say I am on page B, and I click one button, my page now change to <code>aaa</code>, I pushState <code>aaa</code>. Then if I click other button, my page now change to <code>bbb</code>, I pushState <code>bbb</code>. If I click the back button now, I would still be on page B, with my state in <code>History.Adapter.bind(window, 'statechange', function() {})</code> show as <code>aaa</code>, if I click back button again, i would go to page A. I do not want this behavior. I want that if I am on page B with state <code>bbb</code>, and click back, I would go to page A, and if I click forward, I would go to page B with state <code>bbb</code>. I hope this make more sense. Please help</p>