javascript - jqueryでdjangoオブジェクトを選択する

Question

次のような for ループを使用してテンプレートに表示されるモデルのオブジェクトがあります。

{% for post in posts %}

 {{post.text}}

{% endfor %}

ここで、post.id 値を保持する各投稿オブジェクトにボタンをアタッチし、ボタンをクリックすると、その特定のオブジェクトの投票属性を更新する ajax リクエストを作成する必要があります。

そこで、次のようなボタンを追加してみました。

{% for post in posts %}

     {{post.text}}

<input type="submit" value="V" id="upButton" post_id="{{post.id}}"></input>

    {% endfor %}

ajaxの前に、ボタンが機能しているかどうかを確認したいので、各投稿のpost.id値を警告するかどうかを（jQueryを使用して）チェックしてみました：

<script>
    $(document).ready(function(){
       $('#upButton').click(function(){
        var post_id = $('#upButton').attr('post_id');
        alert(post_id);
      });
    });
  </script>

最初のオブジェクトのボタンのみが機能しています。他のボタンは機能しません。ここで何が起こっているのですか？