Проблема сортировки пользовательского интерфейса Jquery: изображение невидимо после перетаскивания на динамически созданную сортируемую (оба uls имеют один и тот же родительский div)

У меня есть следующая проблема:

У меня есть один сортируемый ul с одним изображением (зеленое поле). Я хочу иметь возможность перетаскивать это изображение куда угодно и создавать на этом месте новый сортируемый ul (серый прямоугольник).

Эта часть работает идеально.

Теперь я также хочу иметь возможность перетаскивать изображение из серого поля в зеленое. Он также работает нормально, за исключением одной части: во время перетаскивания изображение невидимо. Как я могу сделать изображение видимым во время перетаскивания?

Я проверил: кажется, что оба uls имеют одного и того же родителя, я предупреждаю parentIds обоих uls, и это одно и то же. В обоих случаях #images

Как я могу решить эту проблему?

Я создал для него jsfiddle: ссылка

$(document).ready (function() {   

                                  $( "ul" ).sortable({opacity:0.4, connectWith: 'ul', dropOnfull: true, stop: function (event,ui){
                                       var positionLeft=ui.position.left;
                                       var positionTop=ui.position.top;

                                       var x=$ ("<ul id='sortable10' class='drop'></ul>");
                                       $(x).css('position','absolute');
                                       $(x).css('left',positionLeft);
                                       $(x).css('top',positionTop); 
                                       $(x).css('height','70px');


                                       ui.item.appendTo(x);

                                       $(x).sortable({connectWith: 'ul'});
                                       $('#images').append(x);


                                       $( "ul" ).sortable({ connectWith: 'ul'});
                                         alert("ParentId of the gray box is "+$('ul#sortable10 ').parent().attr('id'));
                                         alert("ParentId of the green box is "+$('ul#sortable1 ').parent().attr('id'));
                                       } // stop-function
                                   });//sortable-options

                              })//main-function