title: Using CSS Pseudo Elements, insert content that has a click handler
body: <p>I'm doing something very simple, like this:</p>
  
  <pre><code>&lt;div class='item'&gt;HI I'm an item&lt;/div&gt;
  
  .item:hover:after {
  content: "Delete";
  }
  </code></pre>
  
  <p>What i want to do is when the user hovers over the div, for the word Delete to appear and have it possible that when the user clicks on the word Delete, for me to run some jQuery (to actually remove this item)</p>
  
  <p>Is this possible?</p>