Использование JQuery для изменения порядка элементов

Кто-нибудь знает, что я делаю не так? Я пытаюсь изменить порядок, в котором отображаются некоторые изображения, я хочу, чтобы изображения сдвигались вправо / влево на одно место каждый раз, когда я нажимаю кнопку. Это то, что я пробовал, но безуспешно.

Мы будем искренне благодарны за любую помощь или понимание.

$("#rightShift").click(function(){
    $("img").hide();
    var count = $("img").size();
    $("img").each(function(i) { 
        var indexImg = count - i;
        $("img:eq(indexImg)").show();
    });
}); 
$("#leftShift").click(function(){
    $("img").hide();
    $("img:last").prependTo("img");
    $("img").show();
});