JQueryでのボタンの参照について

Question

JQueryでのボタンの参照についてお聞きしたいです。

検索して一覧画面（table）を表示するページAがあります。
ページAの「検索」ボタンをクリックするとajaxでPHPファイルを呼び出し、PHPファイルの中でページAのtrタグ以下を作ってページAに戻しています。
trタグ以下にinputタグのボタンがあります。
ページAの一覧（table）に行ごとにボタンが並んでいる感じです。
行にボタンは一つです。
検索して一覧にデータが表示されているので呼び出すPHPファイルに間違いは無いように思っています。

検索ボタンはページに一つだけで、登録ボタンはtableの行に一つで縦に沢山並んでいます。
検索ボタンと登録ボタンはclassを指定しています。

ボタンの違いは、もともとページAに書かれている検索ボタン、ajaxで呼ばれたPHPの中で書かれるボタンの違いです。

以下のJQueryはページAに書いています。

//検索ボタン
$('.searchbutton').click(function() {
　　alert('ok');
});

//登録ボタン
$('.registerbutton').click(function() {
　　alert('ok');
});
//試してアラートが出なかった（ajaxで呼び出すphpはregister.php）
//$('register .registerbutton').click(function() {
//　　alert('ok');
//});
//$('register.php .registerbutton').click(function() {
//　　alert('ok');
//});

コードが大量で全ては書けませんので、簡単に書いてみました。

<?php
//検索部分
?>
<tr>
<td>1</td><td>テスト1</td><td><input type="button" class="registerbutton" value="登録"></td>
<td>2</td><td>テスト2</td><td><input type="button" class="registerbutton" value="登録"></td>
</tr>

登録ボタンの参照の仕方を教えてください。

登録ボタンが反応しないので、数日悩んでいます。
これを解決できれば何とかできそうです。
よろしくお願いします。

Answer 1

こういうことですか？

  $(document).on('click','.registerbutton',function() {
    　　alert('ok');
  });

Comments

[chintao1224]

反応しました。ありがとうございました。