When executing this code:

jQuery.fn.test = function() {

return this.each(function() {

var $select = $(this);

var $options = $select.find('.options');

var options = $options.find('li');

alert(options.index($('.active')));

});

}

$(function() {

$('.select').test();

});

on a document with this HTML snippet (see attached file for working example)

...

<div class="select">

<div class="options">

<ul>

<li><a href="#">Option 1</a></li>

<li class="active"><a href="#">Option 2</a></li>

<li><a href="#">Option 3</a></li>

<li><a href="#">Option 4</a></li>

<li><a href="#">Option 5</a></li>

</ul>

</div>

</div>

<div class="select">

<div class="options">

<ul>

<li><a href="#">Option 1</a></li>

<li><a href="#">Option 2</a></li>

<li><a href="#">Option 3</a></li>

<li class="active"><a href="#">Option 4</a></li>

<li><a href="#">Option 5</a></li>

</ul>

</div>

</div>

...

'1' and '-1' are alerted, while I would have expected '1' and '3'.

Is this correct behaviour or possibly a bug?