php - html / phpフォーム（ajaxFormを使用）を使用したjQueryが一度だけ動作する

Question

私はしばらくの間これを解決しようとしてきましたが、成功しませんでした。スタックオーバーフローが必要です!

基本的に、スクリプトが行うことは、データベースからユーザー プロファイルの写真を取得することです。モデレーターがそれらを見て「禁止」ボタンをクリックすると、banPeopleProcess.php ファイルにデータベースなどから画像を削除するコードが含まれます。例: http://screencast.com/t/uFtFgKxYx4s

各画像はフォームであり、すべて同じフォーム ID を持っています。HTMLは次のとおりです（phpエコーで）：

<div>
<form id=\"banPeopleForm\" action=\"banPeopleProcess.php\" method=\"post\">
    <input type=\"hidden\" name=\"toid\" value=". $i ." />
    <input id=\"banPeopleBtn\" type=\"submit\" name=\"submit\" value=\"BAN\" />
</form>
</div>

現在、JS は次のようになっています。

<script type="text/javascript"> 

function banPeople() {
    $('#banPeopleForm').ajaxForm(function() {
        $('#banPeopleBtn').hide(); 
    });
}

$(document).ready(function() {
    $('#banPeopleBtn').click(function() {
        banPeople();
        });
    }); 
</script> 

• 最初にロードされた画像だけが実際にすべきことを行います (ボタンが非表示になっている、フォームが送信されているなど)。
• 以下の画像では、JS は機能せず、通常の HTML フォームに従っているだけです。禁止ボタンをクリックすると、banPeopleProcess.php にリダイレクトされます。
• そうは言っても、最初の写真IDだけがJSに読み込まれ、他の写真IDは読み込まれないようです。私はまだ何を試すべきかわかりません。

大歓迎の人たちを助けてください!!