Is it possible to use jQueryui's draggable/droppable combo and add a class to the dragged item when dropped into a specific container, rather than adding a class to the container itself? I've tried adding a class to the container, but that is not achieving the desired result.
Currently working on this pen: http://codepen.io/zmuci/pen/Rrbvgg
<div class="categories">
<div class="categorie">first category</div>
<div class="categorie">second category</div>
<div class="categorie">third category</div>
<div class="categorie">fourth category</div>
<div class="categorie">fifth category</div>
<div class="categorie">sixth category</div>
<div class="categorie">seventh category</div>
</div>
<div class="grid">
<div class="grid-item grid-item-1">
<div class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-2">
<div class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-3">
<div class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-4">
&l t;div class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-5">
<div class="grid-item-inner">& lt;/div>
</div>
<div class="grid-it m grid-item-6">
<div class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-7">
<div class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-8">
<di v class="grid-item-inner"></div>
</div>
<div class="grid-item grid-item-9">
< ;div class="grid-item-inner"></div>
</div>
</div>