javascript - クラスセレクターは、本文に追加した後に拒否します

Question

ラッパーに大量の div を追加しています:

    var cubes    = [], 
    allCubes  = '';
    for(var i = 0; i < 380; i++) {
    var randomleft = Math.floor(Math.random()*Math.floor(Math.random()*1000)),
        randomtop = Math.floor(Math.random()*Math.floor(Math.random()*1000));
    allCubes += '<div id="cube'+i+'" class="cube" style="position: absolute; border: 2px #000 solid; left: '+randomleft+'px; top: '+randomtop+'px; width: 9px; height: 9px; z-index: -1"></div>';
}  

$('#wrapper').append(allCubes); // performance

for(var i = 0; i < 380; i++) {
 cubes.push($('#cube'+i));  
}

jQueryUIそして、それらをすべてドラッグ可能にして、現在の位置をログに記録したいと思います。

    var allc = $('.cube');
    allc.draggable().on('mouseup', function(i) {
        allc.each(function() {
        var nleft = $(this).offset().left;   
        var ntop = $(this).offset().top;
        console.log('cubes['+i+'].animate({ left:'+nleft+',top:'+ntop+'})');
        });
   });

残念ながら、うまくいきません。それらはドラッグできず、ログも表示されません。

ありがとう