Droppable, paramter "hoverClass" with condition, jQuery UI
<p>I have following html:</p>

<pre><code>&lt;div class="square draggable"&gt;&lt;/div&gt;
&lt;div class="circle draggable"&gt;&lt;/div&gt;

&lt;div class="square_box droppable"&gt;&lt;/div&gt;
&lt;div class="circle_box droppable"&gt;&lt;/div&gt;
</code></pre>

<p>I need to use hover style enabled only when shape of draggable and droppable object match. </p>

<p>I'm using jQuery UI drag-and-drop</p>

<pre><code>jQuery('.droppable').droppable( {
  ***
  hoverClass: 'hovered',
  ***
});
</code></pre>

<p>Thank you in advance.</p>