title: how to select :after element using jquery
body: <p>Bellow is my codes.what i have tried.when this popup appear i want to use this close button to close entire popbox.</p>
  
  <p>CSS code</p>
  
  <pre><code>.bigdiv{
      display:none;
      background-color:#efefef;
      box-shadow: 10px 10px 10px 100000px rgba(0, 0, 0, 0.4);
      border:2px solid #efefef;
      width:400px;
      height:300px;
      position:fixed;
      z-index:500;
      top:25%;
      left:25%;
      margin:0 auto;
      padding:20px;
      }
      .bigdiv:after {
          cursor:pointer;
          content:url('http://static.doers.lk/img/closebox.png');
          position: relative;
          right: -195px;
          top: -310px;
          z-index: 999;
      }
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>$(".left div").click(function () {
  
     $(".bigdiv").show("slow");
  
  
      $(".bigdiv").click(function () {
     $(".bigdiv").hide();
     }) ;  }) ;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="left"&gt;
  &lt;div&gt;intro text here&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div class="bigdiv"&gt;some content&lt;/div&gt;
  </code></pre>
  
  <p>I want to select :after elements .how to do that using jquery ?</p>