title: jQuery to get value of div and display to other div
body: <p>I'm trying to figure out a way to get the value of a div class and then use that value in another div by appending it somehow.</p>
  
  <p>So say I click on product-item small below. I want <strong>item 1</strong> to display in the p class of "added-item"</p>
  
  <p><a href="https://jsfiddle.net/jmy8fqqx/" rel="nofollow noreferrer">https://jsfiddle.net/jmy8fqqx/</a></p>
  
  <pre><code>&lt;a href="#" class="purchase"&gt;&lt;span class="product-item small"&gt;item 1&lt;/span&gt;&lt;/a&gt;
  &lt;a href="#" class="purchase"&gt;&lt;span class="product-item medium"&gt;item 2&lt;/span&gt;&lt;/a&gt;
  &lt;a href="#" class="purchase"&gt;&lt;span class="product-item big"&gt;item 3&lt;/span&gt;&lt;/a&gt;
  
  
  &lt;div class="bought"&gt;
    &lt;p class="added-item"&gt;
        &lt;!-- content will be loaded using jQuery - according to the selected item --&gt;
    &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>  $( ".purchase" ).click(function() {
  
    });
  </code></pre>