Loading indicator not in motion
<p>I'm trying to show a GIF as a loading indicator while the page loads but the GIF is still and not in motion. I don't know why it's happening.  Here is my script:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() { 
        $(".class").click(function() {
            $("#ajaxBusy").show();
        });
    });
&lt;/script&gt;
</code></pre>

<p>I call this script in the <code>onClick</code> of a button.</p>

<p><img src="http://i.stack.imgur.com/lao4Q.gif" alt="enter image description here"></p>

<pre><code>&lt;div id="ajaxBusy" title="Loading" style="display:none;"&gt;  
 &lt;p&gt;  
 &lt;img src="images/SmallLoader.gif" align="left"&gt;  
 Loading content, please wait...  
 &lt;/p&gt;  
 &lt;/div&gt;
</code></pre>

<p>i'm doing a c# web application</p>
