title: Remove Appended Element on Second Click jQuery
body: <p>When you click the gray heart, the <code>div</code> gets appended to a container on the right side.  I want it to remove the appended element when you click the pink heart.  It just keeps appending the content...</p>
  
  <pre><code>$('.icon-heart').click(function(){
      var $newEl = $(this).closest('.color-container').html();
  
          if( $(this).css('color') === 'rgb(204, 204, 204)' ) { // if gray
              $(this).css('color', 'rgb(234, 76, 136)'); // turn to pink
  
              $('.b').append($newEl); // append new element
  
  
          } else if( $(this).css('color') === 'rgb(234, 76, 136)' ) { // if pink
              $(this).css('color', 'rgb(204, 204, 204)'); // turn to gray
              $newEl.remove(); // remove appended element
          }
  
  });
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/XDk6s/1/" rel="nofollow">Fiddle</a></p>