Дублирование с последующим сложением значений?

Question

[Николай Новосад]

Здравствуйте.
Есть форма с полями Документ, Дата и Сумма. Также есть возможность нажатия на ссылку 'добавить ещё', после чего поля дублируются. Необходимо суммировать все поля Сумма и сравнить полученную сумму с исходной. Если они совпадают - снять disabled с кнопки.
Клонирование сделал так:

$(".addPay").click(function() {
        $('.tbPay').clone().appendTo('.clonePay');
    });

Моментальное получение введённых данных получаю так:

$("input[name='payAmount[]']").keyup(function(){
}

Только вот после клонирования не удаётся получить введённые данные. Доступна только исходная сумма.
Вполне вероятно мой подход неправилен, поэтому подскажите, пожалуйста, как реализовать дублирование с последующим сложением сумм.
Заранее спасибо.

Answer 1

[Алексей Уколов]

Проблема в том, что код $("input[name='payAmount[]']") находит только те элементы, которые были на странице в момент выполнения. Вам нужно делегировать обработку события какому-то неизменяемому родительскому элементу (в вашем случае, думаю, это будет таблица) -

$("table").on('keyup', 'input[name="payAmount[]"]', function () {});