even and odd number of clicks count in jquery
<p>I have four divs in my html page something like this:
the working fiddle implementation is here: <a href="http://jsfiddle.net/GxaCK/3/" rel="nofollow">http://jsfiddle.net/GxaCK/3/</a></p>

<pre><code> &lt;div class="first"&gt;
    &lt;p&gt; First &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="second"&gt;
    &lt;p&gt; Second &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="third"&gt;
    &lt;p&gt; Third &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="fourth"&gt;
    &lt;p&gt; Fourth &lt;/p&gt;
    &lt;/div&gt;
</code></pre>

<p>and then the jquery like this:</p>

<pre><code>$(function() {
    var firstCnt = 0,
        secondCnt = 0,
        thirdCnt = 0,
        fourthCnt = 0;
    $(".first").live("click", function(){
        firstCnt += 1;
        $(".first p").text(firstCnt);
    });

     $(".second").live("click", function(){
        secondCnt += 1;
        $(".second p").text(secondCnt);
    });

});
</code></pre>

<p>now given this, i can do firstCnt%2 to get if the div was clicked for even or the odd number of times. </p>

<p>I have the following doubt:
1. is this a goodway of implementation, in a project?
2. is there anything like even odd selector for clicks as well, <a href="http://www.w3.org/Style/Examples/007/evenodd.en.html" rel="nofollow">as exists in css3</a></p>
