how to: put multiple ajax loader in the page and when you load each of them, the loading... div cover its?
<p>example:</p>

<p>I want #loading to cover #ajax-1 when it is loading
and cover #ajax-2 when it is loading, etc.</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div&gt;
  &lt;div id='ajax-1'&gt;
  &lt;/div&gt;
  &lt;div id='ajax-2'&gt;
  &lt;/div&gt;
  ...
&lt;/div&gt;
&lt;div id='loading'&gt;loading...&lt;/div&gt;
</code></pre>