Navigate to next div not working
<p>I tried many thigs to navigate to next div element I'm using Mousetrap for key listener and checking if there is selected item then I'm trying to find the next div but seems like can't find anything any ideas?</p>

<p>HTML (There are many of this div item):</p>

<pre><code>&lt;div class="item"&gt;
&lt;a href="#"&gt;
    &lt;div class="item-flip"&gt;
        &lt;div class="item-inner"&gt;
            &lt;img src="#"&gt;
        &lt;/div&gt;
            &lt;div class="item-details"&gt;
                &lt;div class="item-details-inner"&gt;
                    &lt;div class="down-details"&gt;
                    &lt;div class="rating" data-content="9.5"&gt;
                    &lt;i class="icon icon-star"&gt;&lt;/i&gt;9.5
                    &lt;/div&gt;
                    &lt;span class="year"&gt;2011&lt;/span&gt;
                    &lt;span&gt;Go&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>Javascript</p>

<pre><code>Mousetrap.bind("right", function() {
    if($('.item-flip selected').length){
        var current = $('.item-flip selected');
        $('.selected').removeClass('selected');
        var el = current.next();
        el.addClass('selected');
    }
    else{
        $('.item-flip').first().addClass('selected')
    }
});
</code></pre>