Jquery datatable input textbox to column
<p>Im using jquery datatable and below is the code. It is filled data successfully to datatable when clicking button. there is no problem in it.</p>

<pre><code>  table = $('#customerMarkuptbl').DataTable({
            data: null,
            columns: [                           
                        { title: "CarrierID ", "data": "CarrierID", visible: false },
                        { title: "Carrier Service ID ", "data": "CarrierServiceID", visible: false },
                        { title: "Carrier ", "data": "CarrierName" },
                        { title: "Carrier Service", "data": "CarrierServiceName" },
                        {
                            title: "Markup ", "data": "MarkupValue",
                            render: function (data, type, row) {
                                return '&lt;input class="form-control" id="Markup" name="Markup" type="text"  value = ' + row.MarkupValue + '  &gt;';
                            }
                        },
            ]
        });
</code></pre>

<p>It is added a textbox column to the table. Then the user change text box value and it sends as json string to the server.</p>

<pre><code>var ObjMarkup = $('#customerMarkuptbl').DataTable().data().toArray();
</code></pre>

<p>The issue is ObjMarkup doesnt contain changes of textboxes. It is always showing as 0. (Default it is set to 0 when retrieve data to datatable)</p>

<p>Below Example has sample row details which is outcome of "ObjMarkup". In below case I change the value of textbox and it not assign to the "ObjMarkup" variable.</p>

<blockquote>
  <p>Eg: CarrierID:42 CarrierName:"Test carrier" CarrierServiceID:625
  CarrierServiceName:"Full load" MarkupValue:0</p>
</blockquote>

<p>So whats the problem in this? Is there any solution? Why cant get textbox value to array?</p>