сталкивается с проблемой, чтобы получить значение Dynami c сгенерированных элементов управления вводом

Question

Я генерирую div со всеми элементами управления вводом, используя функцию клона. Я генерирую динамические c идентификаторы для элементов управления вводом.

Как показано на рисунке Когда пользователь нажимает кнопку Добавить, мне нужно получить все значения элементов управления вводом (два выбора, 1 текстовое поле и значения переключателя). Я генерирую JSON объект на основе этих входных значений.

Я столкнулся с проблемой, когда значения копируются в следующую строку, а не сбрасываются. Как создать JSON Объект с динамическими c входными значениями. Когда пользователь нажимает кнопку «Добавить», добавляется новая строка, а значения текущей строки должны копироваться в существующий JSON Объект.

Вот скрипт, который я использую

            $('#addBtn').click(function () {

            count++;
            var newel = $("#filterfields").clone(true);

            $(newel).insertAfter("#filterfields");

            newel.find(':input').each(function () {

                var newId = this.id + count;
                this.id = newId;
            }).end()

            var filteredData = [{

                "filterType": $('input[name="caseTypeCode"]').val(),
                "filterCondition": $('input[name=caseFilter"]').val(),
                "filterText": $('input[name=caseFilterText"]').val(),
                "filterClause": $('input[name="inlineRadioOptions"]:checked').val()
            }];

        });
        $('#cancelBtn').click(function () {
            count--;
            $(this).parent().remove();

        });