Jquery для обновления ввода после клона

Question

У меня есть следующий код:

$(document).ready(function($) {
$(".dispadd").click(function(event) {
    event.preventDefault();
    $('#hiddenrow')
        .clone()
            .removeAttr('id')
            .show()
            .appendTo( $('#disptable').after().show() 
    );
});
});

Прекрасно работает для копирования строки таблицы, содержащей элементы управления формы из одной таблицы в другую. Теперь у меня вопрос, как мне обновить одно из полей ввода формы, когда оно добавляется в новую таблицу? Входные данные формы, которые мне нужно обновить (type = text), имеют имя и идентификатор cat.

Спасибо за любую помощь!

Answer 1

Вы можете сделать так:

$('#hiddenrow')
        .clone()
            .removeAttr('id').find('#cat').val('newvalue').end()
            .show()
            .appendTo( $('#disptable').after().show() 
);

Посмотреть рабочий демо