Jquery Cycle plugin. Command Prev not working
<p>I'm having trouble getting the Jquery Cycle plugin to work. My code is below. Whats happening is the Next button is going through the slides sequentially, however when I press previous, it goes previous starting from the last image in the sequence. I dont want it to automaticly play which is why on my document.ready function I call the pause command. </p>

<p>Any help will be appreciated.</p>

<p>-Sam</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
&lt;!-- include Cycle plugin --&gt;
&lt;script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"&gt;&lt;/script&gt;


&lt;script type="text/javascript"&gt;
    $(document).ready(function() {

        $('.main').cycle({
            fx : 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });

        $(".main").cycle("pause");

    });

&lt;/script&gt;

 // extra page code not shown //


    &lt;div class="main" id="main"&gt;
        &lt;img src="../images/design/beautiful1.jpg" height=600 width=500&gt;
        &lt;img  src="../images/design/beautiful2.jpg" height=600 width=500&gt;
        &lt;img  src="../images/design/beautiful3.jpg" height=600 width=500&gt;
        &lt;img  src="../images/design/beautiful4.jpg" height=600 width=500&gt;

    &lt;/div&gt;


&lt;/body&gt;

&lt;div class="label" id="nextbutton"&gt;&lt;img src="../images/nextarrow.jpg"&gt;&lt;/div&gt;
&lt;div class="label" id="prevbutton"&gt;&lt;img src="../images/prevarrow.jpg"&gt;&lt;/div&gt;

&lt;script&gt;

      $("#nextbutton").live("click",function(){

                $(".main").cycle("next");

        }


     );

       $("#prevbutton").live("click",function(){

                $(".main").cycle("prev");

        }


     );

&lt;/script&gt;
</code></pre>

<p></p>
