jquery image gallery next/prev issue
<p>I have below code in my page I am able to run next image click but prev image click not working. On click "next" it shows me div1 - div2 - div3  but on click prev its not showing me anything.</p>

<p>My HTML:</p>

<pre><code>&lt;div id="slideshow"&gt;
    &lt;img.prev&gt;
    &lt;img.next&gt;
    &lt;div1&gt;
    &lt;div2&gt;
    &lt;div3&gt;
&lt;/div&gt;
</code></pre>

<pre class="lang-js prettyprint-override"><code>$("#slideshow &gt; div:gt(0)").hide();

// this works fine
$('.next').live('click', function() {
    $('#slideshow &gt; div:first')
        .fadeOut(0)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
}) ;

// this is not working
$('.prev').live('click',function(){
    $('#slideshow &gt; div:first')
        .fadeOut(0)
        .prev()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
});
</code></pre>
