title: Generic function that show loading icon over any given div
body: <p>Is it possible to pass a <code>div-id</code> to a function (show) and then show loading image, which covers the entire div &amp; then pass same <code>div-id</code>to another function (hide) and hide the loading image shown over the div. I am trying to create a <code>generic</code> solution here &amp; not looking for something like this.</p>
  
  <pre><code>jQuery.ajaxSetup({
    beforeSend: function() {
       $('#loaderDiv').show();
    },
    complete: function(){
       $('#loaderDiv').hide();
    },
    success: function() {}
  });
  </code></pre>
  
  <p>I want to show once loading icon per div. I don't want to show just one big div which covers the entire page. Please help. </p>