Скрыть кнопку «Отправить» и показать изображение после отправки

Question

Я хочу, чтобы кнопка отправки исчезла после нажатия, и вместо нее появился новый слой.

Вот что у меня есть:

<div id=uploadform>
<form enctype="multipart/form-data" action='' method='POST'> 
<input type="file" name="imagefile" class=browse>
<p><input type='submit' value='Upload' class=uploadsubmit onClick="if($(this).('#loading').css('display') == 'none') { $(this).('#loading').show('fast'); $(this).hide('fast'); }  return false;">
<input type='hidden' value='1' name='submitted' /> 
</form> 
</div>
<div id=loading style="display:none;"><img src=upload.gif></div>

Ничего не происходит, когда я нажимаю кнопку "Отправить", не показывать / скрывать, не выполнять никаких действий с формой.

Что мне делать? (используя последнюю версию jQuery)

Answer 1

Попробуйте вместо этого:

<input type='submit' value='Upload' class=uploadsubmit
    onClick="$('#loading').show('fast'); $(this).hide('fast');">

Ваш $(this).('#loading') ничего не будет делать, а return false; остановит отправку формы.