title: Getting single bunch of multiple empty values of textbox in jquery
body: <p>I want to get multiple textbox values from a table inside a object I have five textboxes</p>
  
  <p>From the code below if I have entered value inside only one textbox, I am getting only two values, not five values. </p>
  
  <p>One is entered text and other four textbox values are combined as one showing empty string. I have checked in the console which is showing first textbox value and other four textbox value combined as empty string. </p>
  
  <p>What should I do to get separate five values also I want to send this data to controller with ajax. How can I achieve that?</p>
  
  <pre class="lang-js prettyprint-override"><code>$("#list input[type='text']").on("change", function() {
    var obj = {};
    $("#list :input").each(function(i, value) {
  
      obj = value.value;
      console.log(obj);
    });
    var data = {
      "filterColumn": obj
    }
    $.ajax({
      type: "POST",
      contentType: "application/json; charset=utf-8",
      url: "@Url.Action("TableData","Home")",
      data: JSON.stringify(data),
      dataType: "json",
      success: function(response) {
        console.log("success");
      },
      error: function(response) {
        //
      }
    });
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table id="list"&gt;
  
    &lt;tr role="row"&gt;
      &lt;th&gt;&lt;input type="text" class="form-control"&gt;&lt;/th&gt;
      &lt;th&gt;&lt;input type="text" class="form-control"&gt;&lt;/th&gt;
      &lt;th&gt;&lt;input type="text" class="form-control"&gt;&lt;/th&gt;
      &lt;th&gt;&lt;input type="text" class="form-control"&gt;&lt;/th&gt;
      &lt;th&gt;&lt;input type="text" class="form-control"&gt;&lt;/th&gt;
  
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>