Struggling with jquery ui sortable and tabs (would like to move items around tabs)

Question

Documentation on this subject was quite clear: http://jqueryui.com/sortable/#connect-lists-through-tabs

I tried to do the same in my project, but I cannot get element to

Answer 1

I have copied the recommending HTML from the JQuery Sortable documentation. Try the below HTML.

I wrapped all tabs in a DIV with the id 'tabs' and all your 'word-list' classes are now wrapped in DIV's with different tab ID's. I also changed all

elements to
.

Words
   
    

        
list 1
        
list 2
        
Deleted
    

    

        

            

                list 1
            
        
    
    

        

            

                list 2
            
        
    
    

        

            

                deleted
            
        
    

Here is the JsFiddle.