title: ajax loading not working in chrome
body: <p>The ajaxstart function is not triggering in chrome but it works fine in firefox,</p>
  
  <p>here is the js</p>
  
  <pre><code>$(document).ready(function () {       
      
      $(document).ajaxStart(function () { 
          $("#waiting").css("display", "block"); 
      }); 
  
      $(document).ajaxComplete(function () { 
          $("#waiting").css("display", "none"); 
      });
  });
  </code></pre>
  
  <p>And the HTML</p>
  
  <pre><code> &lt;div id="waiting" style="display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:2px;background: rgba(129, 129, 129, 0.54) url('images/1.gif') no-repeat center center;z-index: 999;"&gt;&lt;/div&gt;
  </code></pre>