title: Firefox not refreshing select tag on page refresh
body: <p>I've run into a problem where I have a select tag that the user would use to select a brand of phone and the page using jquery would then just display those phones.</p>
  <p>Thanks to the help of the people on stack overflow this now works great on every browser but firefox. For some reason when I refresh the page the select tag shows the last selected option but the page shows all phones available as designed. Does anyone have any suggestions or advice on getting firefox to refresh the select tag? I can't show it on js.fiddle because it doesn't happen there.</p>
  <p>Here is the code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;select class=&quot;manufacturers&quot;&gt;
      &lt;option class=&quot;selected&quot; value=&quot;all&quot;&gt;All&lt;/option&gt;
      &lt;option value=&quot;motorola&quot;&gt;Motorola&lt;/option&gt;
      &lt;option value=&quot;htc&quot;&gt;HTC&lt;/option&gt;
      &lt;option value=&quot;lg&quot;&gt;LG&lt;/option&gt;
      &lt;option value=&quot;samsung&quot;&gt;Samsung&lt;/option&gt;
      &lt;option value=&quot;kyocera&quot;&gt;Kyocera&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div class=&quot;scroll-content&quot;&gt;
      &lt;ul class=&quot;manulist motorola&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Motorola Triumph&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class=&quot;manulist htc&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;HTC WILDFIRE S&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class=&quot;manulist lg&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LG Optimus Slider&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LG Optimus V&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LG Rumor Touch&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LG Rumor 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LG 101&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class=&quot;manulist samsung&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Samsung Intercept&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Samsung Restore&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Samsung M575&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The jquery:</p>
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
      
      $('.manufacturers').change(function() {
          var selected = $(this).find(':selected');
          $('ul.manulist').hide();
          if ($(this).val() == 'all') {
              $('.scroll-content ul').show();
          } else {
              $('.' + selected.val()).show();
              $('.optionvalue').html(selected.html()).attr(
                      'class', 'optionvalue ' + selected.val());
          }
      });
  });
  </code></pre>
  <p>Thanks in advance for any advice or help.</p>