Jquery methods?
<p>I keep seeing codes like this:</p>

<pre><code>  $(document.documentElement).keyup( function(event) {
    var slides = $('#slides .pagination li'),
        current = slides.filter('.current');

    switch( event.keyCode ) {
      case 37: // Left arrow
        if ( slides.filter(':first').is( current ) ) {
          slides.filter(':last').find('a').click();
        } else {
          slides.eq( slides.index(current) - 1 ).find('a').click();
        }
        break;
      case 39: // Right arrow
        if ( slides.filter(':last').is( current ) ) {
          slides.filter(':first').find('a').click();
        } else {
          current.find('+ li').filter(':first').find('a').click();
        }
        break;
    }
  });
</code></pre>

<p>For a line like this: <code>current = slides.filter('.current');</code>, <code>.filter()</code> is a jquery method, right? Then shouldn't it be <code>current = $(slides).filter('.current');</code>. </p>

<p>Does it work the way it is done in the code? Why?</p>
