title: jQuery Show and Hide Function's in Chrome
body: <p>I have a Div which I want to say "Loading..." while an AJAX request is being performed. I am using a Real-Time engine called APE, so when an event comes in the first thing I do is show the Div and then set the HTML to "Loading..." like this:</p>
  
  <pre><code>$("#test").show();
  $("#test").html("Loading...");
  </code></pre>
  
  <p>And then inside my ajax function I do this (I'm using ExtJS to load it into a grid):</p>
  
  <pre><code>    jsonfields = Ext.decode('[' + $.ajax({
      url: "ajax.php?getsensors="+raw.deviceId, 
      success: function(data) {
  
          $("#test").hide();
  
      },
      async: false
  }).responseText + ']');    
  </code></pre>
  
  <p>So in Firefox the Loading div shows until it reaches the hide() function and then it disappears, in Chrome the Loading... div doesn't appear at all, and there are no errors in the console, any ideas why? Thank you!</p>
  
  <pre><code>   &lt;div id="test"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>There's only one div with an ID of test, Also I have tried </p>
  
  <pre><code>    $("#test").html("Loading...");
  </code></pre>
  
  <p>And then tried Emptying the test with empty(), still works in Firefox and mysteriously not in Chrome. I added in Loading to the test div, just to see what happens, on initial load it says loading, and then when the first AJAX request completes it empties the div successfully but it's never repopulated with Loading again.</p>