'undefined' function when triggering a click of a link with jQuery
<p>For some reason this works in FF 11, Chrome, and even in IE but not in FF 3.6 or Safari 5.</p>

<p>Basically I'm triggering the click of a link with:</p>

<pre><code>var $currentItem = $('#' + currentId);
var modalSeriesList = $('.js-modal-series');
var index = modalSeriesList.index($currentItem);
var $nextItem = modalSeriesList[index + 1];

var nextClick = function() {
    $(document).off('keydown.general');
    $nextItem.click();
}

$(document).off('keydown.general');

if ($nextItem) {
    $nextButton.click(nextClick);
}​
</code></pre>

<p>But when I click on the link in FF 3.6 or Safari 5 I get the following error:</p>

<p><code>TypeError: 'undefined' is not a function (evaluating '$nextItem.click()')</code></p>

<p>Is there any particular "gotcha" that I don't know about here using the following method? </p>
