title: Loader not working during synchronous ajax call in chrome
body: <p>Loader not working during a synchronous(Async:false) ajax call in google chrome. Working fine in Firefox &amp; IE. During my debug testing, Loader showing until ajax request start. getting struck off or disappears when request sent to server, where I kept a debug point. I have tried other solutions like use of ajaxStart, beforeSend &amp; ajax loader ect., But no use. Please give valid solution</p>
  
  <pre><code> &lt;div id="LoaderDiv" style="display: none"&gt;
      &lt;img id="ImageLoader" src="Images/loading.gif" /&gt;
   &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>            $('#LoaderDiv').show();
              $.ajax({
                  type: "POST",
                  contentType: "application/json; charset=utf-8",
                  url: servicePath,
                  async: false,
                  success: function (data) {
                      console.log(data.d);
                      $('#LoaderDiv').hide();
                  }
              });
  </code></pre>