title: How to know that how many Dynamically HTML controls created in from?
body: <p>I have a form where my system create 3 new HTML controls when user input anydata in textfield and hit enter-key. but now problem is how php will know that how many HTML controls are created dynamically? </p>
  
  <p>HTML Code: </p>
  
  <pre><code>&lt;div class="col-lg-4"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-5"&gt;
                  &lt;b&gt;Objectives&lt;/b&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-4"&gt;
                  &lt;b&gt;Status&lt;/b&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-3"&gt;
                  &lt;b&gt;Compl. %&lt;/b&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div id="mboTable"&gt;
                  &lt;div id="mboName" class="col-sm-5"&gt;&lt;/div&gt;
                  &lt;div id="mboState" class="col-sm-4"&gt;&lt;/div&gt;
                  &lt;div id="mboProgress" class="col-sm-3"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row" &gt;
              &lt;div class="col-sm-5"&gt;
              &lt;input type="text" id="mboNameInput"  class="form-control " onkeydown="addMbo(this.value)" placeholder="Your MBO..."&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript Function: </p>
  
  <pre><code>$(function() {
  var $id = 1;
  $("#mboNameInput").on("keydown", function(e) {
  
  if (e.keyCode == 13) {
      e.preventDefault();
      var $nameDiv= $("#mboName");
      var $stateDiv= $("#mboState");
      var $progressDiv= $("#mboProgress");
  
  
      $nameDiv.append($("&lt;input/&gt;").attr("type","text").attr("value",$(this).val()).attr('class','form-control').attr('name','Mbo' + $id));
      $stateDiv.append($("&lt;select/&gt;").attr('class','form-control').attr('name','State' + $id).append($("&lt;option/&gt;").text("InProgress")).append($("&lt;option/&gt;").text("Completed")).append($("&lt;option/&gt;").text("Canceled")));
     $progressDiv.append($("&lt;input/&gt;").attr('class','form-control').attr("type","text").attr('name','Progress' + $id));
     $id++;
      $(this).val('');
      }
  
      });
  
      });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/1oytwzaa/4/" rel="nofollow">here its JSFiddle</a></p>