Переместить содержащие элементы вверх и вниз с помощью jquery

Спасибо за любую помощь, вы можете предоставить! В настоящее время я использую сортируемый по интерфейсу код, чтобы позволить пользователям перемещать элементы вверх и вниз по порядку. Теперь я хочу дать каждому из этих предметов набор "вверх» а также "вниз" кнопки, которые позволяют пользователям перемещать элементы вверх и вниз одним щелчком мыши. Я'Я пытался переработать эти посты, но мне кажется, что я упускаю что-то очевидное ...

Кнопка jQuery Sortable Move UP / DOWN двигаться вверх / вниз в jquery

Я думаю как-тоЯ не применяю jquery к нужному элементу. Мой jsfiddle здесь:http://jsfiddle.net/kevindp78/vexw5/2/ и код ниже.

HTML

 

    <a class="image">IMG1</a>
    
        <a href="/details">Info</a>
        <span class="moreinfo">MoreInfo</span>
    
    
    
        <p>Change Order</p>
        
            
        
        
            
        
    
    
        Stuff1
    


    <a class="image">IMG2</a>
    
        <a href="/details">Info</a>
        <span class="moreinfo">MoreInfo</span>
    
    
    
        <p>Change Order</p>
        
            
        
        
            
        
    
    
        Stuff2
    


    <a class="image">IMG3</a>
    
        <a href="/details">Info</a>
        <span class="moreinfo">MoreInfo</span>
    
    
    
        <p>Change Order</p>
        
            
        
        
            
        
    
    
        Stuff3
    


JS

$('up-button').click(function(){
$(this).parent('.leg').insertBefore.previous('.leg')
});

$('.down-button').click(function(){
$(this).parent('.leg').insertAfter.next('.leg')
});

Ответы на вопрос(2)

Ваш ответ на вопрос