Showing page after loading page
<p>I try to show my page after loading the page. </p>

<p>In order to do that,</p>

<pre><code> &lt;div id ="loadingDiv"&gt;
        &lt;img src="urltogif"&gt;
    &lt;/div&gt;
</code></pre>

<p>I create above div and used the below js.</p>

<pre><code> $('#loadingDiv')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });
</code></pre>

<p>but the gif image is always shown on the page.
What is the reason for this?</p>
