title: How to fill textbox values in dynamically created rows in an HTML Table using jQuery
body: <p>I have started learning jQuery recently and need help in writing a script - I'm doing this as practice. </p>
  
  <p>My code for the HTML is below.  </p>
  
  <p>On button click I want to create rows in the table and fill values from textbox using jQuery </p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
  &lt;scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;&lt;/script&gt;
  &lt;/head&gt;
   &lt;body&gt;&lt;br&gt;
        First Name&lt;br&gt;&lt;input type ="text" id="firstname"&gt;&lt;/input&gt;&lt;br&gt;&lt;br&gt;
        Employee ID&lt;br&gt;&lt;input type="text" id="empid"&gt;&lt;/input&gt;&lt;br&gt;&lt;br&gt;
        Phone No&lt;br&gt;&lt;input type="text"    id="phnno"&gt;&lt;/input&gt;&lt;br&gt;&lt;br&gt;
        &lt;button type="button" id="btnSubmit"&gt;Submit&lt;/button&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
   &lt;table id="mytable" border="1" class="tbinput" style="width:30%"&gt;
    &lt;tr&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;EmployeeID&lt;/th&gt;     
      &lt;th&gt;Phone No&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/table&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>