title: How to duplicate div on click with jQuery?
body: <p>I want a <code>div</code> to be duplicated after itself when a <code>button</code> is clicked. I found <em>JS</em> solutions but I need a <em>jQuery</em> one and I'm really bad at it.
  Can anyone help me please?</p>
  
  <p><strong>That's what I have:</strong></p>
  
  <pre><code>&lt;div class="example-1"&gt;
    &lt;div class="example-2"&gt; 
      &lt;p&gt;Example one&lt;/p&gt;
      &lt;p&gt;Example two&lt;/p&gt;
  
      &lt;button class="btn-copy"&gt;Copy&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>That's what I need (after <em>click</em>):</strong></p>
  
  <pre><code>&lt;div class="example-1"&gt;
    &lt;div class="example-2"&gt; 
      &lt;p&gt;Example one&lt;/p&gt;
      &lt;p&gt;Example two&lt;/p&gt;
  
      &lt;button class="btn-copy"&gt;Copy&lt;/button&gt;
    &lt;/div&gt;
  
    &lt;div class="example-2"&gt; 
      &lt;p&gt;Example one&lt;/p&gt;
      &lt;p&gt;Example two&lt;/p&gt;
  
      &lt;button class="btn-copy"&gt;Copy&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>