Is this a bad practice for droppable?
<p>Whenever a user presses a div button I want to register a droppable. I'm setting a the closure<br>
<code>add.droppable({})</code> to the <code>var toDrop</code> and then invoking methods on <code>toDrop</code> as below, is this a bad practice ?</p>

<p>For example instead of <code>toDrop.addClass("newColors");</code> should I be using something like </p>

<pre><code>this.addClass("newColors")
</code></pre>

<p>Here is the complete snippet : </p>

<pre><code>$("#myDiv").on('click' , '.colors' , function() { 
    var add = $(this).parent();
        var toDrop = add.droppable({
            drop: function(event, ui) {
            toDrop.addClass("newColors");
            toDrop.attr("portletName", parameter);
        }
    });  
}); 
</code></pre>
