loading image once file submit clicked
<p>I allow registered users to submit an image to the server. Problem here is, if image's size is too large or if user's internet connection is slow (many people still use dial up here) it take a while before its submitted. And some users keep clicking submit button while the image is in loading process. At one website, I saw that once user click on file submit, form disappears and loading image appears. How can I do that with jquery?</p>

<pre><code>&lt;form method="POST" ENCtype="multipart/form-data" action="imageupload.asp?Process=Add"&gt; 
&lt;p align="center"&gt;&lt;b&gt;--- Upload Image ---&lt;/b&gt;&lt;br&gt; 
&lt;input type="FILE" size="23" name="FILE"&gt; 
&lt;input type=submit value="Upload"&gt; 
&lt;/p&gt; 
&lt;/form&gt;
</code></pre>
