Как соxранить введенные значения после редактирования html() элемента посредством js?

Динамически добавляю и удаляю блоки (наборы текстовых полей) на странице. После удаления непоследнего элемента нарушается их нумерация. Делаю пересчет нумерации скриптом. Но если я уже заполнил поля, то после выполнения скрипта они очищаются. Как сохранить значения проще всего. Каждое поле перед редактированием отдельно сохранять не очень хочется, т.к. там не только инпуты но и выпадающие списки , и их больше, чем представлено во фрагменте ниже...

    // Пересчет нумерации в элементарных блоках "по порядку"
function reCount(){
    count = 0;
    $("#all-prj-container .re-count").each(function() {
        count++;
        $(this).html($(this).html().replace(/projectname[0-9]{1,3}/g, "projectname" + count));
        $(this).html($(this).html().replace(/subprojectname[0-9]{1,3}/g, "subprojectname" + count));
        $(this).html($(this).html().replace(/reporttimeproject[0-9]{1,3}/g, "reporttimeproject" + count));
        $(this).html($(this).html().replace(/textareareport[0-9]{1,3}/g, "textareareport" + count));
    });
}

    // Удаляем блок для записи проекта и обновляем слушатели
function myFunctionRemove() {
    blockToRemove = $(this).attr('data-parent-container');
    prjCounter = parseInt(projectscounter.value);
    if (prjCounter>1) {
        document.getElementById(blockToRemove).remove();
        for(i=0;i<buttonremove.length;i++){
            buttonremove[i].addEventListener('click', myFunctionRemove, false);
        }
        prjCounter -= 1;
        projectscounter.value = prjCounter;
        reCount();
    }
}