After .hide() it doesn't .show() again
<p>I am calling loadAjax(); on a onClick event, but after I do the first one, it works, then after that, div.loading-ajax doesn't show anymore, div.loading-ajax is permanently hidden.. Anyone know why its permanently hidden after the first time it's done? Here is the code:</p>

<pre><code>    function loadAjax() { 
    $("#dialog1").fadeIn();
    $("#loading-ajax").show();
    $("#loading-ajax").css("position","static");
    $("#dialog_text1").load("theurl", function() {
        $("#loading-ajax").hide();  }
     );}
</code></pre>

<p>HTML:</p>

<pre><code>    &lt;div id="dialog1"&gt;
    &lt;div id="dialogtext1"&gt;
    &lt;div id="loading-ajax" class="loading-visible"&gt;
    &lt;p&gt;&lt;img src="/images/loading.gif" /&gt;&lt;/p&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>The CSS:</p>

<pre><code>    .loading-visible { display: block; position: fixed; } 
</code></pre>
