Click action on Focused DIV
<p>I have a div with tabindex attribute set to '-1' so it can gain focus on mouse click.</p>

<pre><code>&lt;div tabindex='-1'&gt;&lt;/div&gt;

.div:focus{//some style}
</code></pre>

<p>I want to do something with Jquery when the user clicks the div but only if it is selected (after second click).</p>

<pre><code>$('div').click(function(){
if($(this).is(':focus')){
//do something
}
});
</code></pre>

<p>But it doesn't work, the action is immediately triggered.</p>

<p>EDIT: Code included. </p>
