title: jquery change css dynamically not refreshing in chrome
body: <p>In the following code I am trying to show div before ajax request and after completion I want to hide div.
  hide() is working fine but show() is not working.
  It works well in Firefox.</p>
  
  <pre><code>$("#btnpst").click(function () {
     $('#dvloading').show();
     $.ajax({
         url: url,
         type: "POST",
         async: false,
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         success: function (data, st) {
             if (st == "success") {
                 $('#dvloading').hide();
             }
         },
         error: function () {
             $('#dvloading').hide();
         }
     });
     } //&lt;
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="dvloading" style="width: 480px; height: 320px; position: absolute; overflow: hidden;"&gt;
      &lt;image src="../loading_2.gif" style="margin-top: 120px;"&gt;
  &lt;/div&gt;
  </code></pre>