title: Jquery show/hide not working until refresh
body: <p>I have a checkout page that has three fieldsets:
  fieldset id="1", fieldset id="2", fieldset id="3".  When the page loads, I need it to hide fieldsets 2 and 3 and only show fieldset 1.  This is what my jquery looks like:  </p>
  
  <pre><code>$(document).ready(function(){
    $("#1").show();                          
    $("#2").hide();
    $("#3").hide();
    $("#4").hide();
  });
  </code></pre>
  
  <p>When I load the page I can see fieldset 1 and fieldset 2.  If I refresh the page, it looks perfect, but upon first load, it's weird.  Any suggestions? </p>