Не будь занудой. Я имел в виду "без сторонних модулей".

Абсолютно ничего смешного. Тот же реакт можно использовать только для V.
Вот только ты предлагаешь велосипедить все самому, когда уже есть готовые решения.

Я еще и зануда... :D Самое главное в споре это обозвать оппонента. :yes:

А ты предлагаешь начать присоединять сторонние фреймворки! :D И это ради нескольких строк кода...

так не работает
 

Может я не правильно понял, но вроде я так пробовал и написал в начале, что не получилось. Делал так:
var tmp = div.html(); //Сохранил в переменную чистый код
программа отработала...
div.html(tmp); //Вставил чистый код на место
Итог: формы чистые, но дальше ничего не работает, так как слетели все ранее определенные переменные, а именно все что было связано с DOM внутри div:
var $ffcDiv = $('#ffcDiv');
var $ffcManagerName = $('#ffcManagerName');
var $ffcClientName = $('#ffcClientName');
и т.д.
Можно, конечно, при чистке их каждый раз переопределять, но если я так подойду к созданию всех необходимых в будущем подобных div'ов, то боюсь получить лагающий портал...

А? Это "обозвал" теперь называется? :blink:
Я что-то не уверен, что на этих нескольких строках дело закончится.
Вот именно поэтому и следует использовать бэкбон/реакт - они за тебя позаботятся, что надо перерисовывать и что нет (реакт особенно).
http://facebook.github.io/react/
https://babeljs.io/docs/usage/jsx/

При клонировании "внутренностей" использование ИД недопустимо. :nono: Т.к. ИД должно быть уникально на странице.

В итоге у тебя должна быть такая структура

<div id='box-form'>
   <!-- тут будет работать пользователь -->
</div>
<div id='box-template'>
   <!-- тут размещаются пустые элементы -->
</div>

У ключевых элементов должен быть свой "уникальный" класс. И обращаться к ним нужно будет "через призму" родителя, т.е. так

var $ffcDiv = $('#box-form .ffcDiv');
var $ffcManagerName = $('#box-form .ffcManagerName');
var $ffcClientName = $('#box-form .ffcClientName');

Erolast, делай как знаешь... :D Зануда. :p

Это конечно. Так он у меня был и есть уникальный.
div.html(tmp); - ничего не дублирует. Она совсем удаляет старое содержимое из div и вставляет туда код из переменной. Получается элементы со старыми ИД пропадают, а на их местах новые "пустые" элементы с такими же ИД. Я так понимаю, что с точки зрения DOM это абсолютно другие элементы и, по этому, ранее определенные всякие $ffcClientName = $('#ffcClientName'); слетают. Если определить по новой, то все работает.
И вот вопрос: что с точки зрения производительности лучше, все множество вложенных элементов поштучно вернуть к начальному состоянию или же обнулить html в div'e вышеуказанным способом и переопределить все переменные? Или как-то иначе?
PS: сторонние тяжеленные фреймверки для таких задач использовать не буду, так как очевидно, что даже поштучное восстановление элементов средствами jquery менее затратно по вычислительным ресурсам и объему кода. Я и jquery не хотел применять, но решил, что не осилю все нюансы кросбраузерности средствами голого js, так что пусть будет - спасет от множества недочетов.

Используй делегирование...
http://api.jquery.com/on/