¿JQuery .First () y .last () funcionan de manera diferente?

Question

Entonces, estoy construyendo un control simple de presentación de diapositivas con este marcado:

<div class="previous"> </div>
<div class="next"> </div>
<div class="gallery"> </div>
    <div class="image-0"> </div>
    <div class="image-1"> </div>
    <div class="image-2"> </div>
    <div class="image-3 active"> </div>
    <div class="image-8"> </div>
    <div class="image-9"> </div>
    <div class="image-10"> </div>
    <div class="image-11"> </div>
</div>

Y estoy tratando de navegar usando jQuery como este:

$('.next').click(function() {

    $('.active').next().addClass('active');
    $('.active').first().removeClass('active');


  });
$('.previous').click(function() {

    $('.active').prev().addClass('active');
    $('.active').last().removeClass('active');

});

Entonces, el primer bloque jQuery funciona como se esperaba, primero asignando el activeClase al siguiente div y luego eliminarlo del primero. El segundo bloque debería hacerlo al revés, pero IS no elimina la clase del último elemento después de agregarlo al anterior.

¿Me estoy acercando a este problema del lado equivocado? ¿O las funciones First () y Last () simplemente funcionan de manera diferente? Por lo que podría decir de los documentos de jQuery, esto debería estar funcionando.

Answer 1

Creé un jsfiddle con su código, y funciona bien: http://jsfiddle.net/k5vn4/

(Use Firebug o similar para inspeccionar el área de "resultado" del violín).