which item I'm over?

which item I'm over?

Hi everyone,

when i'm dragging the draggable 'tag' Is there any way to know over which item of the droppable tags I’m hovering?

Here is my code:            

<script>

$(function() {  

                             $ ( "#draggable" ).draggable(); 

                                $( ". UI-Drop" ).droppable({

                                                drop: function( event, ui ) {

                                                }

                                });                          

                                $( ". UI-Drop" ).droppable({

                                                out: function( event, ui ) {

                                                }

                                });

                                $( ". UI-Drop" ).droppable({

                                                over: function( event, ui ) {

}

                                });

                });          

</script>

<div class="UI-Drop"> <p>Drag Me</p></div>

<br>     

<div class="UI-Drop" <p>Drop here</p></div>

<br>     

<div class="UI-Drop" <p>Or Drop here</p></div>

<br>     

<div class="UI-Drop"<p>Or Drop here</p></div>

<br>     

<div class="UI-Drop" <p>Or Drop here</p></div>