title: jquery ajaxStart/ajaxStop not working
body: <p>i have very simple code that i making partial postback by jquery and i use ajaxStart/ajaxStop for doing some work. but it is not working. i just could not understand why it is not working.
  here is my code</p>
  
  <pre><code>$("#imgHolder").ajaxStart(function () {
   $('div#content').block({
            message: '&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;img  src="../images/ajax-loader.gif" border="0"/&gt;&lt;/td&gt;&lt;td&gt;&lt;h3&gt;Processing...&lt;/h3&gt;&lt;/td&gt;&lt;/tr&gt;&lt;table&gt;',
          css: { border: '1px solid #a00' }
          });
      $('#imgHolder').empty();
      $("#btnPrint").hide();
      });
  
    $("#imgHolder").ajaxStop(function () {
    $("#btnPrint").show();
    $('div#content').unblock();
   });  
  
  
  
  $(document).ready(function () {
   $.ajax({
    type: "POST",
    url: "UPSLabelFormUK.aspx/ProcessInfo",
    data: JSON.stringify(DTO),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
    if (data.d[0].Message == "SUCCESS") {
    //alert(data.d[0].TrackNumber);
    ///alert(data.d[0].LabelImagePath);
    var _images = [data.d[0].LabelImagePath];
    $.each(_images, function (e) {
      $(new Image()).load(function () {
      $('#imgHolder').html("&lt;img src='" + data.d[0].LabelImagePath + "' width='310' height='402' border=0/&gt;");
    }).attr('src', this);
   });
  }
   } ,
    error: function (XMLHttpRequest, textStatus, errorThrown) {
    alert(textStatus);
    }
   });
   });
  </code></pre>
  
  <p>i just dont not understand why my above ajaxstart/ajaxstop did not work. please help me to understand why was wrong in my code.</p>
  
  <p>but my  ajaxstart/ajaxstop started working when i change the code a bit like</p>
  
  <pre><code>        $(document).ajaxStart(function () {
              $('div#content').block({
                  message: '&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;img  src="../images/ajax-loader.gif" border="0"/&gt;&lt;/td&gt;&lt;td&gt;&lt;h3&gt;Processing...&lt;/h3&gt;&lt;/td&gt;&lt;/tr&gt;&lt;table&gt;',
                  css: { border: '1px solid #a00' }
              });
  
              $('#imgHolder').empty();
              $("#btnPrint").hide();
          });
  
  
          $(document).ajaxStop(function () {
              $("#btnPrint").show();
              $('div#content').unblock();
          });
  </code></pre>
  
  <p>the only change is <code>$(document).ajaxStop(function () {</code> instaed of </p>
  
  <pre><code>$("#imgHolder").ajaxStart(function () {
  </code></pre>
  
  <p>so please explain why my above ajaxStart/ajaxStop code did not work. thanks</p>