Отправка данных с данными jQuery с входным столбцом на сервер

Question

У меня есть таблица данных jQuery, используемая в качестве элемента повторителя.Когда пользователь нажимает кнопку отправки, мне нужно отправить значения в двух столбцах в виде JSON на сервер.

Я нашел этот пример в SOF, который показывает, как публиковать данные jQuery на сервере в формате JSON.

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

<table id="example">
    <thead>
        <tr>
            <th>% Complete</th>
            <th>Col1</th>
            <th>Col2</th>
            <th style="display:none">SomeID</th>
        </tr>
    </thead>
    ....
</table>

var table = $('#example').DataTable({
    columnDefs : [
        { targets: 0, 
            render: function (data, type, row) {
                return '<input class="form-control" id="tbPcntComp" name="tbPcntComp" type="text"  value = ' + data + '  >';
            }
        }
    ]
})  

var fieldNames =  [], json = []
table.settings().columns()[0].forEach(function(index) {
    fieldNames.push($(table.column(index).header()).text())  
})

table.rows().data().toArray().forEach(function(row) {
    var item = {}
    row.forEach(function(content, index) {
        item[fieldNames[index]] = content
    })
  json.push(item)
})  

Как мне изменить это, чтобы я мог получить значения во входных данных, измененные пользователем