jqueryで要素別にカウントしたい

こんばんわ
要素をドロップするとカウントが増え、ドロップエリアから外すとカウントが減るという動作を要素別にしたいです。
ほんとはドロップするとクローンを作り、繰り返しドロップができるようにしたいです
。以下のようなかんじでやってみましたがうまくできませんので教えていただきたいです
よろしくお願いします
http://codepen.io/anon/pen/jPwrPR

$( "#div3" ).droppable({
    accept : ".dragDiv" , // 受け入れる要素を指定
    drop : function(event , ui){
        //  dragされてきたオブジェクトを取得してクローン作製
               var dragId = ui.draggable.attr("id");
        if($(this).find(".drop" + dragId).length == 0){
            $(this).append('<span class="drop' + dragId +'">' + 1 + '</span>');
    elseif($(this).find(".drop" + dragId).length == 1){
      $(.drop).text(2)
    };
        }deleteImage(ui.draggable);
    } ,
    out : function (event , ui){
        var dragId = ui.draggable.attr("id");
        $(this).find(".drop" + dragId).remove();
    }