title: Jquery datatable input textbox to column
body: <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>