title: Dynamic Classes forgotten on Firefox page refresh
body: <p>I've written some jQuery that fixes a sub menu in place once the user scrolls beyond it on the page. The jQuery alters the class on the submenu to make it fixed. This all works fine, apart from one scenario and that's if I refresh the page in Firefox - I don't experience this issue in any other browser.</p>
  
  <pre><code>$(function(){
      var menu = $('#submenu_wrapper'),
          pos = menu.offset();
          $(window).scroll(function(){
              if($(this).scrollTop() &gt;= pos.top-57 &amp;&amp; menu.hasClass('')){
                  menu.addClass('fixed');
                  $('.content_push').css({"height":"109px"});
              } else if($(this).scrollTop() &lt;= pos.top-57 &amp;&amp; menu.hasClass('fixed')){
                  menu.removeClass('fixed');
                  $('.content_push').css({"height":"57px"});
              }
          });
  });
  </code></pre>
  
  <p>Is there some alteration I can make so that Firefox will retain the altered class states if the page is refeshed? I've seen similar fixed menu behavour manage to do this, but can't seem to figure out how. <a href="http://twitter.github.com/bootstrap/javascript.html" rel="nofollow">The Twitter Bootstrap site</a> for example, if you go to the Javascript section does this exact thing.</p>
  
  <p>Cheers.</p>