title: HTML 5 - Ajax popstate and pushstate
body: <p>I am trying to figure out how to use this pushstate and popstate for my ajax applications.  I know there are some plug ins but i am trying to learn how to use it in it's raw form at the moment. I am also aware that in the raw form it is not supported by IE.  All that aside, I need some help understanding how to use it.  </p>
  
  <p>the pushstate portion of it is pretty simple.  Right now i have:</p>
  
  <pre><code>function loadForm(var1,var2){ 
      string = "xyz="+var1+"&amp;abc="+var2;
          history.pushState("", "page 1", string);
   }
  </code></pre>
  
  <p>This changes my url just fine and adds it to my url stack.  I have another function that looks like the following:</p>
  
  <pre><code>function loadForm2(var1,var2, var3){ 
      string = "xyz="+var1+"&amp;abc="+var2+"&amp;123="+var3;
          history.pushState("", "page 2", string);
  }
  </code></pre>
  
  <p>The second function also changes the url when called.  Now that i have that part i am trying to figure out how to use the popstate.  Right now i have it as follows</p>
  
  <pre><code>window.popState = ajax;
  
  function ajax(){
     jQuery.ajax({               
       type: "get",
       url: "../html_form.php",
       data: string,
       dataType: "html",
       success: function(html){
         jQuery('#Right_Content').hide().html(html).fadeIn('slow');
         validate();
         toolTip();   
       }  
     })
  }
  </code></pre>
  
  <p>So if you can image my page with two links, one calls the loadForm function and the other link calls loadForm2 function. When i click each of the links the forms loads via ajax just fine and the url changes as it should.  When I hit the back button, the url will roll back to the previous page's url BUT the page content loads the current form again instead of the previous form.  When i hit the back button it is making an ajax call (firebug) as if it is trying to load the previous form but instead of running the previous ajax call it runs the current ajax call.  So my url goes back to the previous url but the form that is loaded or the ajax call that is called is the same as the most recent page load (not the previous page load).  </p>
  
  <p>I am not sure what i am doing wrong and any help would be much appreciated.   </p>