Wrapping all AJAX calls jQuery
===

I populate many parts of my website using

    $("#theDivToPopulate").load("/some/api/call.php", callBackToBindClickEventsToNewDiv);

Where /some/api/call.php returns a built list, div, or some other HTML structure to place directly into my target div.  The internet has been running slow lately and I've noticed that the time between a button click (which kicks off these API calls) and the div populating is several seconds.  Is there an easy way to globally wrap all the load calls so that a div containing "Loading..." is displayed before the call is even made and hidden once the API call is complete.

I can not simply put the code to hide the div into the callBackToBindClickEventsToNewDiv as some load events have different call backs.  I would have to copy the code into each function which is ugly and defeats the purpose.  I want the flow of any .load to go as follows:

     1) dispplayLoadingDiv()
     2) Execute API call
     3) Hide loading div
     4) do callback function.

The loading div must be hidden first as the callback contains some animations to bring the newly loaded div in nicely.
