title: Jquery, How to Clone Node on certain keydown and remove the Clone on other certain keydown, but not removing the parent node
body: <p>I try to clone node and remove the clone with certain keys (one for clone, and the other for remove). It's work, but it can remove the parent node too, which is I don't want that. So how to remove only the child nodes? </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;style&gt;
      input.in {
          display: block;
      }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;input type="number" id="in" class="in"&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).keydown(function(x) {
          if (x.which === 40) {
              var clone = $('#in').clone();
              $('#in').after(clone);
          }
          if (x.which === 38) {
              $('#in').remove(clone);
          }
      });
  &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>