title: How to remove original element after it was cloned?
body: <p>HTML:</p>
  
  <pre><code>&lt;div id="test"&gt;
      &lt;p class="test1"&gt;test 1&lt;/p&gt;
      &lt;p class="test2"&gt;test 2&lt;/p&gt;
      &lt;p class="test3"&gt;test 3&lt;/p&gt;
      &lt;p class="test4"&gt;test 4&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="clickdiv"&gt;click&lt;/div&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$('.clickdiv').on('click', function(){
      $('.test1').clone().appendTo('#test');
  }
  </code></pre>
  
  <p>This will result one more <code>&lt;p&gt;</code> with <code>class = "test1"</code>. Now how can I remove the original one that is first one?</p>