title: Adding input elements dynamically to form
body: <p>I've read many blogs and posts on dynamically adding fieldsets, but they all give a very complicated answer. What I require is not that complicated.</p>
  
  <p>My HTML Code:</p>
  
  <pre><code>&lt;input type="text" name="member" value=""&gt;Number of members: (max. 10)&lt;br /&gt;
  &lt;a href="#" id="filldetails"&gt;Fill Details&lt;/a&gt;
  </code></pre>
  
  <p>So, a user will enter an integer value (I'm checking the validation using javascript) in the <code>input</code> field. And on clicking the <code>Fill Details</code> link, corresponding number of input fields will appear for him to enter. I want to achieve this using javascript. </p>
  
  <p>I'm not a pro in javascript. I was thinking how can I retrieve the integer filled in by the user in <code>input</code> field through the link and displaying corresponding number of input fields.</p>