title: delete dynamically created textbox
body: <p>I have the following code which I use to add text-boxes dynamically on click of button. It works.</p>
  
  <pre><code>&lt;div id="forms" name="forms"&gt;
    &lt;input name="winner[]" type="text" id="tag" size="20"/&gt;&lt;br/&gt;
  &lt;/div&gt;
  &lt;input type="button" name="addmore" id="addmore" value="Add More Winners" onclick="addForm()"/&gt;
  </code></pre>
  
  <p>The javascript for the above code is:</p>
  
  <pre><code>function addForm() {
      $("#forms").append(
              "&lt;input type ='text' class='winner' name='winner[]'&gt;&lt;br/&gt;");
  
      $(".winner").autocomplete("autocomplete.php", {
      selectFirst: true
      });
  }
  </code></pre>
  
  <p>I am using auto complete to get data from database in the text-box</p>
  
  <p>What I want is - suppose if a user clicks on add more winner button but does not want to add any data in the textbox, I should give him a button to delete the extra text-box.
  How should the JavaScript be written for this?</p>
  
  <p>Do see my above code</p>