jQuery Sliding Tabs: control options- NEXT/PREVIOUS
<p>I am trying to control tabs with a next/previous options. This is my <a href="http://jsfiddle.net/kFNtX/1/" rel="nofollow">JSFIDDLE EXAMPLE</a>. I have spent hours researching and found the method NEXT/PREVIOUS function in this <a href="http://css-tricks.com/jquery-ui-tabs-with-nextprevious/" rel="nofollow">WEBSITE</a>. I have replicated everything in my example but i am not getting any results. Can someone look at my <a href="http://jsfiddle.net/kFNtX/1/" rel="nofollow">EXAMPLE</a> and tell me what I am doing wrong?</p>

<p><strong>NEXT/PREVIOUS jquery/js</strong></p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    var $tabs = $('#st_horizontal').tabs();
    $(".st_tab_view").each(function(i) {
        var totalSize = $(".st_tab_view").size() - 1;
        if (i != totalSize) {
            next = i + 2;
            $(this).append("&lt;a href='#' class='next-tab mover' rel='" + next + "'&gt;Next Page &amp;#187;&lt;/a&gt;");
        }
        if (i != 0) {
            prev = i;
            $(this).append("&lt;a href='#' class='prev-tab mover' rel='" + prev + "'&gt;&amp;#171; Prev Page&lt;/a&gt;");
        }
    });
    $('.next-tab, .prev-tab').click(function() {
        $tabs.tabs('select', $(this).attr("rel"));
        return false;
    });
});
&lt;/script&gt;
</code></pre>
