JQuery - таблица клонов в первом текстовом поле .change

Question

Клон .change работает для первого поля, но не для второго.Что я могу добавить в свой цикл?

Спасибо.

<table>
  <tr> 
     <td><input type="text" id="txtA" name="txtA"></td> 
     <td><input type="text" id="txtB" name="txtB"></td> 
  </tr>
</table>

<script>
    var i = 1;
    $("#txtA").change(function() {
       $("table tr:first").clone().find("input").each(function() {
          $(this).val('').attr('id', function(_, id) { return id + i });
       }).end().appendTo("table");
       i++;
    });
</script>

Answer 1

Изменить .clone() на .clone(true), чтобы также клонировать обработчики событий.

JSFIDDLE DEMO

---

Если вы хотели, чтобы обработчик change был привязан к обоим входам, просто добавьте идентификатор второго элемента в селектор:

$("#txtA,#txtB").change(...