title: How to get value of textbox dynamically?
body: <p>Am adding three textbox dynamically on ADD button click...
  These three textbox are in same div tag...
  and each text box having different name...</p>
  
  <p>so am creating new div having three textbox each time when I click on ADD button...</p>
  
  <p>Now I want to access text field entered value... how to access??</p>
  
  <pre><code>    &lt;div class="ord" id="parent"&gt;
  
      &lt;/div&gt;
      &lt;button type="button" class="btn btn-primary fa fa-plus add btn-xs"&gt; Add &lt;/button&gt; 
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>   var items = "&lt;form role='form' class='form-inline' style='padding-bottom: 5px;'&gt;"
                      + "&lt;div class='form-group'&gt;&lt;input id='med' placeholder='' class='form-control'&gt;&lt;/div&gt;"
                      + "&lt;div class='form-group' style='padding-left: 5px;'&gt;&lt;input id='qua' placeholder='' class='form-control'&gt;&lt;/div&gt;"
                      + "&lt;div class='form-group' style='padding-left: 5px;'&gt;&lt;input id='rem' placeholder='' class='form-control'&gt;&lt;/div&gt;"
  
    $('.add').on("click",function(){
  div_id = div_id + 1
  $( ".ord" ).append('&lt;div id="item'+div_id+'"&gt;' + items + '&lt;button style="margin-left: 3px;" type="button" id="item'+div_id+'" class="btn btn-default btn-danger btn-xs fa fa-close" onclick=deleteitem(id)&gt;&lt;/button&gt;&lt;/form&gt;&lt;/div&gt;');
     })
  </code></pre>
  
  <p>I have array of Id of all div tag... like [item1,item2,item3] </p>
  
  <p>How to access all text field entered text ??</p>