Problem with Jquery .html inside form
I have a form for uploading images to my website (you can see it at the url in my signature). I'm trying to show a spinner graphic whilst the image is uploading. I have the following and I'm just wondering what I'm doing wrong
<form name="new_photo" method="post" id="new_photo_upload" action="------.php" enctype="multipart/form-data">
<input name="filename" type="file">
<input type="submit" name="submit" value="Upload Photo" />
In Chrome, the graphic (ajax-loader.gif) doesnt show at all whilst in firefox, a place holder shows as if the link is incorrect (but its not). Its almost as if the page is frozen until the file is uploaded???
$("#upload_progress").empty().html('<p><img src="imgs/ajax-loader2.gif" /><p>');