Tengo el siguiente código:

html:

<div class="container">
    <div class="selected">A</div>
    <div>B</div>
    <div>C</div>
    <div>D</div>
</div>
<button id="next">next!</button>

jQuery:

$("#next").click(function() {
    $(".selected").removeClass("selected").next().addClass("selected");
});

Lo que quiero es recorrer los divs en el contenedor. Puedo hacer esto para completar un ciclo:

$("#next").click(function() {
    if ($(".selected").next().length == 0) {
        $(".selected").removeClass("selected").siblings(":nth-child(1)").addClass("selected");
    }
    else {
        $(".selected").removeClass("selected").next().addClass("selected");
    }
});

Pero creo que hay una manera más simple. ¿Cómo puedo simplificarlo? (No me importa si no usas lanext() función).

jsFiddle:http: //jsfiddle.net/S28uC