title: jquery hide/show Div works in firefox but not in chrome
body: <p>I have a page that is very long with a lot of query and ajax in it.  This is the shortened version:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" type="text/css" /&gt;
  &lt;style&gt;
      #holder{position:relative;}
      #waiting{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:200; padding-top:20%; text-align:center; background:rgba(255, 255, 255, 0.5);}
      #waiting img {width:200px;}
  
  &lt;/style&gt;
  
  
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="scripts/jquery.json-2.3.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="scripts/scripts.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt; 
  
          function showStep3(){
              $('#waiting').show();
              // this is where a ton of jquery including ajax goes
              runQuery();
              $('#waiting').hide();
          }
  
          $(function(){
  
              $('#waiting').hide();
  
          });
  
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="holder"&gt;
      &lt;div id="waiting"&gt;&lt;img src="img/waiting.gif"&gt;&lt;/div&gt;
          &lt;div id="criteria"&gt;
              whole bunch of HTML
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>In the area marked "this is where a ton of jquery including ajax goes" there are some ajax calls that are set to  async:false (in case that makes a difference).  </p>
  
  <p>Basically I hide the "waiting" div on load then when I start function showStep3 I show it, do a bunch stuff and then hide it when all is done.</p>
  
  <p>This works as expected in Firefox but not in chrome or IE9.  Any ideas?</p>