jquery - 値の変化を検出する方法エレメント？

Question

デフォルト値が「2」の入力要素があります。

<input type="text" class="chapter" value="2" />

jQuery モバイルを使用すると、次のように表示されます。

<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c">
    <input type="text" class="chapter ui-input-text ui-body-c" value="2">
</div>

ユーザーが値を変更するたびに何かをしたいので、次のように言います。

$('.chapter').change(function(i, el) { alert("coding is epic"); });

しかし、値を「5」に変更して要素をクリックしても何も起こりません。開発者ツールを確認すると、画面に「5」が表示されていても、値がまだ「2」であることがわかります。

奇妙なことは、次の要素で機能することです。

<input id="UploadFile" type="file" name="datafile">

使用するために呼び出された場合:

$('#UploadFile').change(function(e){ //aaaaargh! });

この値が変化したときにどうすればよいでしょうか? また、ページには多くの要素がありclass="chapter"、すべてタイプ<input>が であり、使用しようとしました$('.chapter').each().change(function(i, el) {