将jQuery点击事件添加到动态添加的内容

我有一个表由PHP和MysqL填充的多行和列。对于一些td，我在document.ready函数中添加了jQuery click-events，让用户更改内容。

但是我也可以选择在表中添加行并手动填充。但是由于我添加的行不在文档中，所以他们不会得到附加的点击事件处理程序，所以我无法点击它们来获取输入框。

<table>
  <tr>
    <td class="clickable">Some info</td>
    <td class="clickable">Some more info</td>
    <td>Unchangable info</td>
  </tr>
  ... more similar rows ...
</table>

然后是jQuery

$("tr.clickable").click(function() {
   //add input fields
}

$("span#addNewRow").click(function() {
   $("table").append('<tr><td class="clickable"></td> ... </tr>')
}

$("tr.clickable").live("click",function() {
   //add input fields
});

$("span#addNewRow").live("click",function() {
   $("table").append('<tr><td class="clickable"></td> ... </tr>')
});

$("table").on("click","tr.clickable",function() {
   //add input fields
});