title: how to get value of dynamically added text boxes?
body: <p>I have a code in jquery to add and remove the textboxes dynamically on button click. I want to post the values of dynamically created text on same page.</p>
  
  <p>the code is here :</p>
  
  <pre><code>&lt;div id="itemRows"&gt;
  
  Item quantity: &lt;input type="text" name="add_qty" size="4" /&gt; 
  Item name: &lt;input  type="text" name="add_name" /&gt; 
  Item Price: &lt;input type="text" name="add_price" /&gt; 
  Total: &lt;input type="text" name="total" /&gt; 
  &lt;input onclick="addRow(this.form);" type="button" value="Add row" /&gt; 
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  var rowNum = 0;
  function addRow(frm) {
  rowNum ++;
  var row = '&lt;p id="rowNum'+rowNum+'"&gt;Item quantity: &lt;input type="text" name="qty[]" size="4" value="'+frm.add_qty.value+'"&gt; Item name: &lt;input type="text" name="name[]" value="'+frm.add_name.value+'"&gt; Item Price: &lt;input type="text" name="price[]" value="'+frm.add_price.value+'"&gt;Total: &lt;input type="text" name="total[]" value="'+frm.total.value+'"&gt; &lt;input type="button" value="Remove" onclick="removeRow('+rowNum+');"&gt;&lt;/p&gt;';
  jQuery('#itemRows').append(row);
  frm.add_qty.value = '';
  frm.add_name.value = '';
  }
  
  function removeRow(rnum) {
  jQuery('#rowNum'+rnum).remove();
  }
  &lt;/script&gt;
  </code></pre>