jquery - jquery トグルによって表示されるフォームが機能しない

Question

jQuery の使用中に問題が発生しました。

サインアップ用の小さな div を表示するログイン ページを作成しました。この div はデフォルトで非表示になっており、jQuerys のトグル メソッドを使用して、サインアップ ボタンがクリックされたときに表示されます。

問題は、このフォームが表示され、送信ボタンをクリックしても何も行われない (POST リクエストが送信されない) ことです。

<div id='signup-box' >
  <form method="post">
      <p>Name:
      <input type="text" name="username" value=""></p>
      <p>Password:
      <input type="password" name="password" value=""></p>
      <p><input type="submit" value="Signup"/></p>
  </form>
</div>


$('#show-signup-form').on('click', function(){
    $('#signup-box').toggle();
    return false;
});

PSidフォームを変更すると、常に表示され、非常にうまく機能します。