こんにちは
画像のドラッグアンドドロップについて質問です
https://jqueryui.com/droppable/#photo-manager
これを参考にしていますが
やりたいこと
・画像をドラッグしてもクローンを残したい
・ドロップエリアで数字をカウントさせたい

やったこと
・クローンに関してはもともとdraggableエリアに
　　helper: "clone",　があったのですがこれはドロップエリアに対して効いているものと
　　思われます。なので改めて

$(".ui-widget-content ui-corner-tr").draggable(
    {
        helper: "clone"
    }
);

これを追加しましたがダメでした。

・ドロップエリアでの数字のカウントは

// image deletion function
var recycle_icon =  "<a href='link/to/recycle/script/when/we/have/js/off' title='Recycle this image' class='ui-icon ui-icon-refresh'>Recycle image</a>";

というところをカウント数の表示に置き換えられると思い,a要素を0に置き換えてみましたがドラッグできない状態になってしまいました。

またカウントのプログラムは

drop : function(event, ui){
    //  dragされてきたオブジェクトを取得してクローン作製
    var dragId = ui.draggable.attr("id");
    if($(this).find(".drop" + dragId).length == 0){
        $('#cnt').text(++counter);
    }
} ,
out : function (event , ui){
    var dragId = ui.draggable.attr("id");
    $(this).find(".drop" + dragId).remove();
    $('#cnt').text(--counter);
}

こちらを参考にさせていただこうと思っています。
いい方法などあれば教えていただきたいですよろしくお願い致します。