title: Take ids of text boxes in an html growing table
body: <p>I have made code for auto generated text boxes in an HTML growing table. I want to save values from these text boxes to a mysql database using netbeans but I don't know how I get the ids of each text box while they are auto generating..</p>
  
  <p>My code is here..please help me if there is any solution for this problem.. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"&gt;
      &lt;meta name="dcterms.created" content="Tue, 24 Mar 2015 06:41:28 GMT"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="keywords" content=""&gt;
      &lt;title&gt;&lt;/title&gt;
  
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  var rowCount = 1;
  function addMoreRows(frm) {
  rowCount ++;
  var recRow = '&lt;p id="rowCount'+rowCount+'"&gt;&lt;tr&gt;&lt;td&gt;&lt;input name="name" type="text" size="17%"  maxlength="120" /&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="email" type="text"  maxlength="120" style="margin: 4px 5px 0 5px;"/&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="mobile" type="text" maxlength="120" style="margin: 4px 10px 0 0px;"/&gt;&lt;/td&gt;&lt;/tr&gt; &lt;a href="javascript:void(0);" onclick="removeRow('+rowCount+');"&gt;&lt;img src="./image/close.png" /&gt;&lt;/a&gt;&lt;/p&gt;';
  jQuery('#addedRows').append(recRow);
  }
  
  function removeRow(removeNum) {
  jQuery('#rowCount'+removeNum).remove();
  }
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
     &lt;table rules="all" style="background:#fff;"&gt;
  &lt;tr&gt;
  &lt;td style="font-size:14px;" &gt;Name&lt;/td&gt;
  &lt;td style="font-size:14px;"&gt;Email&lt;/td&gt;
  &lt;td style="font-size:14px;"&gt;Mobile&lt;/td&gt;
  &lt;td&gt;&lt;span style="font:normal 12px agency, arial; color:blue; text-decoration:underline; cursor:pointer;" onclick="addMoreRows(this.form);"&gt;
  &lt;img style=" padding-left: 12px;"  src="./image/add.png" /&gt;
  &lt;/span&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;form action="" method="POST"&gt;
  &lt;tr id="rowId"&gt;
  &lt;td&gt;&lt;input type="text" name="name"    size="17%"/&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="text" name="email"  /&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="text" name="mobile"  /&gt;&lt;/td&gt;
  &lt;/form&gt;
  &lt;/table&gt;
  &lt;div id="addedRows"&gt;&lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;td&gt;&lt;input type="submit"&gt;&lt;/td&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>