table и режим редактирования
 

есть таблица с данными
по нажатию на кнопку она преходит в режим редактирования
(ячейки заменяются на контролы - селекты, text'ы, чекбоксы)

может есть проторенная дорожка - как это сделать кашерно?

ps без плагинов и тп

ExtJS, Dojo, Qooxdoo, KendoUI, короче UI-фреймворки? Хотя для одной таблицы слишком жирно будет. Есть всякие скрипты для реализации гридов, стоит только поискать. Можно и свое написать - легкое и простое.
Это в каком смысле? Речь о тех что устанавливаются пользователю в браузер? Не знаю таких для гридов...

без ExtJS, Dojo, Qooxdoo, KendoUI, короче UI-фреймворки
и без JQuery UI плагинов

var nameCntrl=$("<INPUT>");
nameCntrl.type="text";
nameCntrl.val("text");

var fstName=$(elm).find(".fstName");//ссылко на td
fstName.replaceWith(nameCntrl);//походу заменяет не содержимое ячейки, а саму ячейку
fstName.children().replaceWith(nameCntrl)//не работает

как вставить input text в ячейку (JQuery)

Это лишнее. Если уж очень хочется то nameCtrl.prop('type', 'text')

fstName.appendChild(nameCtrl);