скрыть ввод [type = submit] и показать, что изображение загрузки не работает

Question

используя jquery, я пытаюсь скрыть кнопку отправки и показать gif загрузки ajax при нажатии.

все работает нормально, но форма больше не отправляется.

вот мой код jquery:

$('input[type=submit]').click(function () {
    $(this).parent('p').html('<img src="images/ajax-loader.gif" alt="loading" />');
    $(this).parent('form').submit();
});

вот мой HTML:

<h1>add</h1>

<form method="post" action="form.php">

<p>
<label for="number">number:</label>
<input type="text" name="number" id="number" size="30" value="" />
</p>

<p style="text-align: center;">
<input type="submit" value="add" />
</p>

</form>

, как вы можете видеть, я даже добавил $(this).parent('form').submit();, и он все еще не работает.

Answer 1

Попробуйте это:

$('form').submit(function() {
    $('p:last-child', this).html('<img src="images/ajax-loader.gif" alt="loading" />');
});