title: How can I remove the previous appended item
body: <p>What I'm doing here is appending some HTML as HTML to my <code>clipboard</code>.
  However, I want to have the option to remove the last appended element/item from my <code>clipboard</code>.</p>
  
  <p>How can I achieve this and is the following the most <em>minimal</em> and <em>standardized</em> way of scripting this?</p>
  
  <pre><code> $(document).ready(function(){
      $('button:not("#delete")').click(function(e){
        $('#clipboard').append($(this).prev('div.images').html()
                   .replace(/\&lt;/ig, '&amp;lt;')
                   .replace(/\&gt;/ig, '&amp;gt;'));
      });
  
      $('#delete').click(function(e){
          $('#clipboard').html(' ');
  
      });
      });
  </code></pre>
  
  <p><strong>I already found an answer to this question but if there is another way of writing this more minimal and cleanly please make any suggestions. thanks</strong></p>