title: jQuery remove() doesn't remove
body: <p>I have a form that I would like to allow users to add any number of fields to then insert the information they give me into a database. If there are any rows that are not used they can delete them by clicking the remove text so that I don't have a bunch of empty lines in my database. </p>
  
  <p>I have accomplished the adding rows with jQuery and inserting the data into the database, but I am struggling with removing the unwanted rows. When jQuery runs the remove() function, it just gives the tr a display of none making it so that the user cannot see the rows but they still exist and insert blank lines into my database. Is there a way to totally get rid of the whole row in my table so that blank data cannot be entered?</p>
  
  <p>Here is my code:</p>
  
  <p><strong>Html:</strong></p>
  
  <pre><code>&lt;table width="960px" border="0" id="entries"&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;b&gt;&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Department&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Class&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Lot #&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Short Description&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
    &lt;td&gt;&lt;b&gt;1&lt;/b&gt;&lt;/td&gt;
    &lt;td class="firstEntry"&gt;&lt;input type="text" name="fields[]"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" name="class[]"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" name="lot[]" size="5"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" name="description[]" size="86"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;p id="add_field"&gt;&lt;a href="#"&gt;&lt;span&gt;Add Entries.....&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var count = 0;
  $(function(){
      var count = 1;
      $('p#add_field').click(function(){
  
          count +=1;
  
      $('table#entries').append(
          '&lt;tr&gt;&lt;td&gt;&lt;strong&gt;' + count + '&lt;/strong&gt;&lt;/td&gt;' + 
          '&lt;td&gt;&lt;input id="department_' + count + '" name="fields[]' + '" type="text" /&gt;&lt;/td&gt;' +
          '&lt;td&gt;&lt;input id="class_' + count + '" name="class[]' + '" type="text" /&gt;&lt;/td&gt;' +
          '&lt;td&gt;&lt;input id="lot_' + count + '" name="lot[]' + '" type="text" size="5"/&gt;&lt;/td&gt;' +
          '&lt;td&gt;&lt;input id="description_' + count + '" name="description[]' + '" type="text" size="86"/&gt;&lt;/td&gt;' +
          '&lt;td&gt;&lt;span class="delete"&gt;Remove&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;' );
  
       $(".delete").click(function () {
        $(this).closest('tr').remove("slow");
      });
  
      });
  
  
  
  });
  </code></pre>
  
  <p></p>