title: 'undefined' function when triggering a click of a link with jQuery
body: <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>