title: jQuery .click() :active
body: <p>Given the following code (<a href="https://jsfiddle.net/qnt82os9/" rel="nofollow">jFiddle</a>):</p>
  
  <pre><code>&lt;style&gt;
  div.bluebox {
    width: 200px;
    height: 200px;
    background-color: blue;
  }
  
  div.greenbox {
    width: 200px;
    height: 200px;
    background-color: green;
  }
  
  
  div.greenbox:active{
    background-color: yellow;
  }
  &lt;/style&gt;
  &lt;script&gt;
  $('.bluebox').click(function(e){
        e.preventDefault();
      $('.greenbox').click();
  });
  &lt;/script&gt;
  
  &lt;div class="bluebox"&gt;
  &lt;/div&gt;
  
  &lt;div class="greenbox"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I click on the greenbox, then its background color changes to yellow. If I click on the bluebox, then the click event of the greenbox is triggered, but the background is still green. How can I tell jQuery to give greenbox the status active when click is executed indirectly?</p>