Использование JQuery для выбора кнопки «Далее» в слайдере

Question

Я создаю одно изображение с помощью переключателя-ползунка / jcarousel, и он должен сделать следующее: когда пользователь нажмет кнопку NEXT или PREVIOUS, он загрузит следующее изображение и выберет эту радиокнопку. Я работал с предыдущей кнопкой, но не с следующей, так или иначе, вместо этого она получает значение NEXT.

HTML:

<li>
    <div class="image-position"><img src="images.png" width="200" height="289"/></div>
    <input type="radio" class="getradiotomove" name="radio1" />Radio 1
</li>
<li>
    <div class="image-position"><img src="images.png" width="200" height="289"/></div>
    <input type="radio" class="getradiotomove" name="radio2" />Radio 2
</li>
 <li>
    <div class="image-position"><img src="images.png" width="200" height="289"/></div>
    <input type="radio" class="getradiotomove" name="radio2" />Radio 3
</li>

<div id="buttons">
    <a href="#" id="prev">prev</a>
    <a href="#" id="next">next</a>
    <div class="clear"></div>
</div>

JavaScript:

jQuery('#prev').click(function() {
    jQuery(".getradiotomove").attr("checked", true);
    var left_indent = parseInt(jQuery('#slides ul').css('left')) + item_width;    
    jQuery('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    
        jQuery('#slides li:first').before(jQuery('#slides li:last'));           
        jQuery('#slides ul').css({'left' : left_value});
    });        
    return false;

});


jQuery('#next').click(function() {
    //radio button value
    jQuery(".getradiotomove").attr("checked", true);
    var left_indent = parseInt(jQuery('#slides ul').css('left')) - item_width;
    jQuery('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
        jQuery('#slides li:last').after(jQuery('#slides li:first'));                    
        jQuery('#slides ul').css({'left' : left_value});
    });
    return false;

});