Loading content in a PHP file with JQuery
<p>I have the code below loading in the content I have in the test.php file. There's a lot of code in the php file so takes a bit of time to load. When it does load the "load content" text remains. I want to be able to:
- display a loading symbol whilst the page is loading
- hide the "load content" text once the content has appeared</p>

<p>How would I do this?</p>

<pre><code>    &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
            $("a").click(function(){
            $("#test").load('test.php');
          });
       });
    &lt;/script&gt;

&lt;div id="test"&gt;&lt;/div&gt;
&lt;a&gt;Load content&lt;/a&gt;
</code></pre>

<p>UPDATE:</p>

<p>Also I would like the it to be a link (as it currently doesn't work on a touch device) - any suggestions?</p>
