forms - 送信後のjqueryモバイル無効化ボタン

Question

ユーザーがファイルをアップロードするjqueryモバイルサイトがあります。正常に動作しますが、ファイルに数秒かかる場合があり、ユーザーが cubmit ボタンを再度クリックしたり、アップロードが機能していないと考えたりしたくありません。ユーザーが送信した後にボタンを無効にする必要があります。また、ボタンのテキストを「処理中...」に変更したいのですが、これは jquery モバイルであることに注意してください。これを行う jquery の方法のほとんどは、jquery モバイルでは機能しません。以下のコードは正しく動作しません。何か案は？

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script>
$( '#button1' ).click( function() { 
    $('#button1' ).attr('disabled', 'disabled').button('disable');
    $('#button1').prev('span').find('span.ui-btn-text').text("Processing..."); 
});
</script>

<form name="myform" action="gohere.cfm" method="post" enctype="multipart/form-data" data-ajax="false">
    <input type="file" name="fileName" id="fileName">

    <button type="submit" id="button1" name="button1" >Upload</button>
</form>