javascript - jquery draggable でクローン イメージのドラッグが許可されない

Question

IDがcestaであるそのdiv内に画像のクローンを作成するために、divに画像をドロップしようとしていますが、禁止されたシンボルしか取得しません。

HTML

<div id='productos' >
   <h3>PRODUCTOS</h3>
   <img id='ali-12' name='serv' class='productos' src='img/objects_139.jpg' />
   <img id='mon-23' name='serv' class='productos' src='img/objects_132.jpg' />
   <img id='zap-32' name='serv' class='productos' src='img/objects_135.jpg' />
   <img id='gua-21' name='serv' class='productos' src='img/objects_102.jpg' />
   <img id='rod-11' name='serv' class='productos' src='img/objects_136.jpg' />
   <img id='maz-44' name='serv' class='productos' src='img/objects_137.jpg' />
   <img id='lla-97' name='serv' class='productos' src='img/objects_138.jpg' />
   <img id='par-10' name='serv' class='productos' src='img/objects_126.jpg' />
   <img id='cru-24' name='serv' class='productos' src='img/objects_121.jpg' />
   <img id='gaf-15' name='serv' class='productos' src='img/objects_131.jpg' />
</div>
<div id='cesta'>
</div>

ジャバスクリプト

$(document).ready(function(){
    $(".productos").draggable({helper:'clone'});  
    $("#cesta").droppable({
        accept: ".productos",
        drop: function(event,ui){
                $(this).append($(ui.draggable).clone());
        }
    });
});