title: Back button fails after window.location.replace(href);
body: <p>I made simple function which makes all container behave like link (&quot;a&quot; element).</p>
  <pre><code>function allHot(element){
  $(element)
  .click(
      function(){
      var href = $(this).find('a').attr('href');
      window.location.replace(href);
  })
  
  .hover(
      function(){
      $(this).css({'text-shadow' : '0px 1px 0px #D6D6D6'});
      },
      function(){
      $(this).css({'text-shadow' : 'none'});
      }
  
  );
  }
  </code></pre>
  <p>Function works great. Instead of clicking the &quot;more&quot; button, user can click everywhere on container and is properly redirected.</p>
  <p>However, if user after redirection clicks back button, browser goes back two steps instead of one as it should. What's more weird, history looks OK.</p>
  <p>Simple scheme to better description:</p>
  <blockquote>
  <p>Page1 -&gt; Page2</p>
  <p>Page2 [user clicks on &quot;allHot&quot; container] -&gt; allHot redirects to Page3</p>
  <p>Page3 [user clicks on browser back button] -&gt; Page1</p>
  </blockquote>
  <p>This is major bug for website I'm working on right now. I don't really have a clue to prevent it. Bug tested on Firefox, Chrome and Opera.</p>
  <p>Tested also on Opera &quot;no javascript mode&quot;. If javascript is disabled issue doesn't occure.</p>
  <p>Thanks in advance for any clue or solution.</p>