JavaScript — отключить кнопку на форме отправки

Здравствуйте, поэтому я использую фундаментальные данные-подтверждения для проверки ввода в моей форме, и вот мой код. В моем index.php вот код

<a href="upload-photo.php" data-reveal-id="uploadModal" data-reveal-ajax="true">Add Photo</a>
<div id="uploadModal" class="reveal-modal tiny" data-reveal></div>

Всякий раз, когда я нажимаю на кнопку «Добавить фотографию», файл upload-photo.php отображается в модальном режиме. В модале он содержит этот код

<form action="<?= $_SERVER['PHP_SELF']; ?>" method="POST" enctype="multipart/form-data" data-abide name="formupload" id="uploadID">
<div class="photo-field">
<input type="file" name="file_img" pattern="^.+?\.(jpg|JPG|jpeg|gif|png|PNG)$" required>
<small class="error">Upload JPG or PNG only.</small>
</div>
<div class="title-field">
<input type="text" name="img_title" placeholder="Image title" required>
<small class="error">Image title is required.</small>
</div>
<input type="submit" value="Upload Image" name="btn_upload" class="button">
</form>

Если я когда-нибудь захочу использовать такой скрипт и нажать кнопку «Отправить», он не будет работать. Он просто снова показывает upload-photo.php на странице, а не в модальном.

$('form#uploadID').submit(function(){
$(this).find('input[type=submit]').attr('disabled', 'disabled');
});

Как можно отправить форму, а затем отключить кнопку, чтобы никто не мог спамить ее? Спасибо!