Jquery拖放如何

Question

当我将div拖入droppable div时，它应该在鼠标位置的droppable div中创建一个新的div。

http://jsfiddle.net/thilagajothi/QbBAg/4/

jQuery(function($){
$('.drag')
    .drag("start",function( ev, dd ){
        return $( this ).clone()
            .css("opacity", .75 )
            .appendTo( this.parentNode );
    } )
    .drag(function( ev, dd ){
        $( dd.proxy ).css({
            top: dd.offsetY,
            left: dd.offsetX
        } );
    })
    .drag("end",function( ev, dd ){
        $( dd.proxy ).remove();
    });
$('.drop').drop(function( ev, dd ){
    $( this ).toggleClass('dropped');
} );
} );