title: history.replaceState issue with iframes
body: <p>I am going nuts over this. I have read every thing I could find on the subject but I am lost... </p>
  
  <p>I have a page with a button and 2 iframes.</p>
  
  <pre><code>&lt;input name="showButton" type="button" id="showButton" value="Show" /&gt;
  &lt;iframe id="messagelistviewframe" src="blank.html"&gt;&lt;/iframe&gt;
  &lt;iframe id="messageviewframe" src="blank.html"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Clicking the button changes the url of the 2 iframes.</p>
  
  <pre><code>$(document).ready(function () {
      $('#showButton').bind("click", function (e) {
          $('#messagelistviewframe').attr('src', 'red.html');
          $('#messageviewframe').attr('src', 'yellow.html');
      });    
  }
  </code></pre>
  
  <p>Unfortunately this creates 2 history entries, one for each iframe url change. So clicking the browser's back button, I get first a page with the 2nd iframe back to its original url and if I click again I get both.</p>
  
  <p>I have tried history.replaceState in all possible ways I believe to no avail. I got some results with Firefox but not Chrome nor IE.</p>
  
  <p>Is there a way to get the back button to directly give me my original page with the original iframe urls? TIA</p>