title: Jquery Ajax Loading image
body: <p>I would like to implement a loading image for my jquery ajax code (this is when the jquery is still processing) below is my code:</p>
  
  <pre><code>$.ajax({
      type: "GET",
      url: surl,
      dataType: "jsonp",
      cache : false,
      jsonp : "onJSONPLoad",
      jsonpCallback: "newarticlescallback",
      crossDomain: "true",
      success: function(response) {
          alert("Success");
      },
      error: function (xhr, status) { 
          alert('Unknown error ' + status);
      }   
  });
  </code></pre>
  
  <p>How can I implement a loading image in this code.
  Thanks</p>