title: Is it possible to detect a click of an :after or :before pseudo element with jQuery?
body: <p>Lets say I have:</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>with:</p>
  
  <pre><code>div {
      width: 500px;
      height: 500px;
      position: relative;
  }
  div:after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0;
      right: 0;
  }
  </code></pre>
  
  <p>Can I do something like <code>$('div:after').click(function(){...});</code> ? And have it not fire if I am clicking on <code>div</code> but not <code>div:after</code>.</p>