title: Remove all child elements from table except for first?
body: <p>My HTML:</p>
  
  <pre><code>&lt;table id="user-table"&gt;
        &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;     
  &lt;/table&gt;
  </code></pre>
  
  <p>How can I remove all child elements of the user-table except the first <code>&lt;tr&gt;</code> using jQuery?</p>
  
  <p>What I've tried:</p>
  
  <pre><code>$("#user-table").children().remove();
  </code></pre>
  
  <p>However it removes all the child <code>&lt;tr&gt;</code> elements but I want the first row not to be removed.</p>
  
  <p>Here's my jQuery so far:</p>
  
  <pre><code>$('#add-form').submit(function(e) {
      e.preventDefault();
      $.post("../lib/ajax/add-user.php", $("#add-form").serialize(),
      function(data){ 
      javascript:jQuery.fancybox.close();
  
      $("#user-table").children().remove();
      //$('#list-box').fadeTo(800,1,function(){
  
      //$(this).empty();
      //$(this)..append(data);                            
  
      //});
  });
  </code></pre>