title: appendTo a form on another page?
body: <p>I was able to use JSfiddle to create a appendTo event. By clicking on the image, I am able to get the caption for those images printed in a list in another div. But what if i wanted it to be appended to another page into a form? </p>
  
  <p>Also, how do i remove an item after its been added? The code that i currently have allows me to appendTo, but I have no idea how to undo this event... any suggestions? </p>
  
  <p>Here is JS fiddle: <a href="http://jsfiddle.net/jhyqt5/cBsqN/20/" rel="nofollow">http://jsfiddle.net/jhyqt5/cBsqN/20/</a></p>
  
  <p>and the Code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="caption"&gt;Blueberry&lt;/div&gt;
      &lt;img src="https://scontent-a-pao.xx.fbcdn.net/hphotos-prn2/1394351_529524313783586_609777864_n.jpg" class="img-circle"&gt;
  &lt;/div&gt;
  
  &lt;div class="wrapper"&gt;
      &lt;div class="caption"&gt;Walnuts&lt;/div&gt;
      &lt;img src="https://scontent-b-pao.xx.fbcdn.net/hphotos-ash4/1377244_529524413783576_249384396_n.jpg" class="img-circle"&gt;
  &lt;/div&gt;
  
  &lt;div class="wrapper"&gt;
      &lt;div class="caption"&gt;Craisins&lt;/div&gt;
      &lt;img src="https://scontent-b-pao.xx.fbcdn.net/hphotos-frc3/1378714_529524353783582_129148654_n.jpg" class="img-circle"&gt;
  &lt;/div&gt;
     &lt;br&gt;
         &lt;br&gt;
  &lt;div class="foodlist"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.img-circle {
      border-radius: 50%;
      height: 140px;
      width: 140px;
  }
  .wrapper {
      position: relative;
  }
  .caption {
      background-color: black;
      opacity: .7;
      text-align: center;
      line-height: 120px;
      color: white;
      position: absolute;
      display: none;
      border-radius: 50%;
      width: 140px;
      height: 140px;
  }
  .wrapper:hover .caption {
      display: block;
  }
  .wrapper.active .caption {
      display: block;
      opacity: .8;
      background: #38ACD5;
  }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('.wrapper').on('click', function () {
      $(this).toggleClass('active');
      var caption = $(this).find(".caption").text();
      $("&lt;li&gt;" + caption + "&lt;/li&gt;").appendTo("div.foodlist");
  });
  </code></pre>
  
  <p>Bottomline:</p>
  
  <p>1) appendTo and Undo function
  2) appendTo a form on a another page</p>
  
  <p>Thanks :)</p>