[JavaScript] When Is jQuery's Clone Function Useful?

00-sample-markup.html

<p class="acme-element">
    <span>Acme</span>
</p><!--- .acme-element -->

01-loop-through-images.js

// Loop through each of the image with the custom data-types on the page.
$('img[data-type="acme"]').each(function() {
  
  // ...
  
});

02-find-parent-elements.js

var $this, $parent, $clone;

// Loop through each of the image with the custom data-types on the page.
$('img[data-type="acme"]').each(function() {
  
  $this = $(this);
  $(this).on('click', function() {
    
    // Reference the parent of the image that was clicked and clone the element.
    $parent = $this.parent();
    $clone  = $('.acme-element').clone(true);
     
    // Next, append the cloned element to the parent.
    $parent.append($clone);
    
  });
});