Counting dropped items after removing them from droppable area
<p>I want to count dropped items inside dropped area. Here is <a href="https://jsfiddle.net/97u0peju/171/" rel="nofollow noreferrer">example</a>. It works fine except one thing. when I start to remove items it does not count first item and only after removing first item number starts to decrease. </p>

<p>Function i am using to remove item:</p>

<pre><code>$(".procStaff").on('click', '.closer', function(){
    var item = $(this).closest('.dropClass');
    var element = $("#myAccordion ul li").filter(function() {
        return $(this).text() == item.text(); 
    });

    //code where i counting items       
    var n = $(this).closest("div.proc").find(".dropClass").length;
    $(this).closest("div.proc").find("span.assigned").text("People Assigned: " + n + "");           

    itm.splice(item);
    element.css('color','black');
    item.fadeTo(200, 0, function(){ item.remove(); })
});
</code></pre>

<p>How can I solve this problem?</p>