title: Create new form fields with jQuery
body: <p>I have a form which starts out with 2 text inputs. The standard scenario is the user enters a number in one field and his/her name in the other and then the page will be updated (not reloaded). But in some cases the user may want to enter several numbers which are connected to the same name and the way this will be implemented is by the user clicking an "add another" link next to the text box. </p>
  
  <p>When the user clicks the "add another" link, the value from the textbox needs to be inserted into a new (dynamically created) text field and the text field where the user entered the number should be reset to default value. The user can enter 10 numbers this way before an alert is presented informing him/her about more efficient ways to do this operation.</p>
  
  <p>I'm clueless as to how this is done (can it be done) jQuery and it would be great if someone can help out.</p>
  
  <p>Here is the html I'm working with:</p>
  
  <pre><code>&lt;div id="searchFields" class="control-group inlineForm"&gt;
      &lt;label for="regNr"&gt;Regnr&lt;/label&gt; &lt;input type="text" id="regNr" class="uprCase" placeholder="Regnr." size="6" maxlength="6"&gt;
      &lt;span class="addRegNr"&gt;&lt;a href="#"&gt;add another&lt;/a&gt;&lt;/div&gt;
      &lt;label for="poNr"&gt;PO.nr&lt;/label&gt; &lt;input type="text" id="poNr" placeholder="PO.nr." size="12" maxlength="12"&gt;
      &lt;input type="button" value="GET INFO" class="last" id="getBaseInf"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/RgKV9/" rel="nofollow">http://jsfiddle.net/RgKV9/</a></p>
  
  <p>Cheers!</p>
  
  <p><strong>EDIT UPDATE</strong></p>
  
  <p>I've taken a liking to Aske G's example and have made some changes to it. Here is the new code I'm working with, <a href="http://jsfiddle.net/SDpfy" rel="nofollow">jsfiddle.net/SDpfy</a> Although I managed to do some minor changes to AskeG's code I cant figure out how to add unique ID's and individual delete links for each generated field that ends up in the basket. Also, how can I set the generated fields to readonly and animate them when they show up in the basket?</p>