title: Display 'loading' image when AJAX call is in progress
body: <p>I have the following jQuery Ajax call:</p>
  
  <pre><code>$.ajax({
                     type: "POST",
                     url: "addtobasket.php",
                     data: "sid=&lt;?= $sid ?&gt;&amp;itemid=" + itemid + "&amp;boxsize=" + boxsize + "&amp;ext=" + extraval,
                     success: function(msg){
                       $.post("preorderbasket.php", { sid: "&lt;?= $sid ?&gt;", type: "pre" },
                       function(data){
                          $('.preorder').empty();
                           $('.preorder').append(data); 
                       }); 
                     }
                   });
  </code></pre>
  
  <p>I want to display an image when the ajax call is in progress. How can I do that?</p>
  
  <p>Thanks,</p>