Control scope of jQuery's index() function
<p>I this: <a href="http://jsfiddle.net/ZP76c/" rel="nofollow">http://jsfiddle.net/ZP76c/</a></p>

<p>I'm trying to control the scope at which jQuery selects elements based off their index(), possible?</p>

<pre><code>&lt;div class="holder"&gt;
    &lt;div class="first"&gt;First&lt;/div&gt;
    &lt;div class="second"&gt;Second&lt;/div&gt;
    &lt;div class="first"&gt;First&lt;/div&gt;
    &lt;div class="second"&gt;Second&lt;/div&gt;
&lt;/div&gt;​

$('.holder div').click(function(){
     alert($(this).index());            
});

// desired behaviour: clicking the first 'first' div will alert: "0"
// clicking the second 'first' div, will alert: "1"
// so it takes the divs with a class of 'second' out of the index() calculation
// possible with jQuery .index()?
​
</code></pre>
