title: ajax loading image with delay?
body: <p>I currently have ajax implemented to refresh my content but I want to add a delay to it - anyone know how I can add that in to this code which I have?</p>
  
  <pre><code>$.ajax({
     url: "&lt;?php echo site_url('apply/processpersonaldetails'); ?&gt;",
     type: 'POST',
     data: form_data,
     success: function(msg) {
         $('#content').empty().html('&lt;img src="../images/ajaxloader.gif" /&gt;');
         $('#content').html(msg);
     }
  });
  </code></pre>
  
  <p>Ah sorry, what I mean is a delay just before the new content has loaded, I want to show the loading image just before the new content is displayed...does that make sense?</p>