title: How can I copy a HTML elements to another Div?
body: <p>What I want to do is copy an images 'source' or 'html elements' to another div upon clicking on 'copy'. See my example below </p>
  
  <pre><code>&lt;div class="images"&gt;
   &lt;img src="imageone.jpg" alt="one" title="one"&gt;
  &lt;/div&gt;&lt;!-- end --&gt;
  &lt;button&gt;Copy&lt;/button&gt;
  
  
  &lt;div class="images"&gt;
   &lt;img src="imageone.jpg" alt="one" title="one"&gt;
  &lt;/div&gt;&lt;!-- end --&gt;
  &lt;button&gt;Copy&lt;/button&gt;
  
  &lt;div class="images"&gt;
   &lt;img src="imagethree.jpg" alt="three" title="three"&gt;
  &lt;/div&gt;&lt;!-- end --&gt;
  &lt;button&gt;Copy&lt;/button&gt;
  </code></pre>
  
  <p>once I press the copy 'buttons' - the image <strong>HTML</strong> ( not images themselves ) will be copied into this div ( like below - including the alt tags image source and title tag)</p>
  
  <pre><code>&lt;div id="copied-container"&gt;
    &lt;div id="copiedimages"&gt;
       &lt;img src="imagetwo.jpg" alt="two" title="two"&gt;
       &lt;img src="imageone.jpg" alt="one" title="one"&gt;
       &lt;img src="imagethree.jpg" alt="three" title="three"&gt;
    &lt;/div&gt;
   &lt;button&gt;delete&lt;/button&gt; &lt;!-- this will remove any images when i select them or highlight them --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm not worried about my div that contains my images to be copied over, my main concern is to copy the image html attributes</p>
  
  <p>i would also like to have a button be able to remove/delete any images when highlighted by pressing delete. See my above example</p>
  
  <p><strong>Note:</strong> To simplify it - I would like to copy an images source, title tag, alt tag into this div so i can then copy the html elements. I would also like to be able to remove any html inside the #copied-container when i highlight and press delete.</p>