title: Input element added does not appear on PHP post
body: <p>I have tried to add input text element to my form</p>
  
  <p>through this jquery code below</p>
  
  <pre><code>$(document).ready(function () {
      var counter = 0;
      $("#addrow").on("click", function () {
        counter++;
          var newRow = $("&lt;tr&gt;");
          var cols = "";
          cols += '&lt;td&gt;&lt;input type="text" class="" name="item'+counter+'"/&gt;&lt;/td&gt;';
          cols += '&lt;td&gt;&lt;input type="text" class="" name="rate'+counter+'"/&gt;&lt;/td&gt;';
          cols += '&lt;td&gt;&lt;input type="text" class="" name="quantity'+counter+'"/&gt;&lt;/td&gt;';
  
          cols += '&lt;td&gt;&lt;input type="button" class="ibtnDel btn btn-md btn-danger "  value="Delete"&gt;&lt;/td&gt;';
          newRow.append(cols);
          $("#myTable").append(newRow);
          $("#itemcounter").val(counter);
  
      });
      $("table.order-list").on("click", ".ibtnDel", function (event) {
          $(this).closest("tr").remove();
          var count = $("#itemcounter").val();
          $("#itemcounter").val(count-1);
          counter = count -1;
      });
  
  
  });
  </code></pre>
  
  <p>Now the form is as below:</p>
  
  <pre><code>&lt;form action="{{url('/billgenerate')}}" method="post"&gt;
          &lt;input type="hidden" name="itemcounter" id="itemcounter" value=""&gt;
  &lt;table id="myTable" class="table order-list"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td&gt;Item Name&lt;/td&gt;
              &lt;td&gt;Rate&lt;/td&gt;
              &lt;td&gt;Quantity&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="col-sm-4"&gt;
                  &lt;input type="text" name="item0" class="" style="width:22em" /&gt;
              &lt;/td&gt;
              &lt;td class="col-sm-3"&gt;
                  &lt;input type="text" name="rate0"  class=""/&gt;
              &lt;/td&gt;
              &lt;td class="col-sm-3"&gt;
                  &lt;input type="text" name="quantity0"  class=""/&gt;
              &lt;/td&gt;
              &lt;td class="col-sm-2"&gt;&lt;a class="deleteRow"&gt;&lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tfoot&gt;
          &lt;tr&gt;
              &lt;td colspan="5" style="text-align: left;"&gt;
                  &lt;input type="button" class="btn btn-lg btn-block" name="addrow" id="addrow" value="Add Row" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
          &lt;/tr&gt;
      &lt;/tfoot&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>when I add add new row, it adds successfully, and also the element is added with its name increment by 1 so that while posting the page the name does not get conflicts.</p>
  
  <p>but when I try to add a input predefined inside the table, php recognizes that particular element. </p>
  
  <p>but when I try to add it through jquery code, it does not return the elements which are added. where am i going wrong?</p>