jQuery « Добавление и редактирование элементов в таблицах

Есть некие таблицы на странице, в которых уже имеются какие-то данные по-умолчанию (наименование и количество). Нужно реализовать возможность редактирования количества и добавления новых строк, естественно тоже с возможность редактирования количества. И было бы хорошо, если бы при даблклике на ячейку с количеством, там же создавалась форма для его изменения. И конечно всё это нужно сделать на jQuery.

Несколько дней бьюсь над этой идеей... Да, и главное, содержимое ячейки должно попасть в value="" инпута формы.

А получается следующее: в редактировании количества существующих полей проблем нет, но стоит добавить хотя бы одно новое поле, всё начинает работать криво. Значения из TD при двойном клике перестают подставляться в INPUT, как в ячейках, которые были изначально, так и в новых.

Вот тут можно посмотреть код: http://jsfiddle.net/avgu/EG2Bd/5/

Сумбурно написано, но надеюсь суть уловили.
Пожалуйста, помогите решить данную проблему.
Спасибо.

1 ответов


Внимательно почитайте про метод on(). Немного исправил несколько ошибок, вот работающая версия.