The Bug

this demonstrates the bug.

HTML

<div class="card">
    <p></p>
</div>
<div class="card">
    <p></p>
</div>
<div class="token"></div>

CSS

.card {
    height:200px;
    width:100px;
    border: 3px solid #000;
    display: inline-block;
}
p {
    height: 75px;
    width: 75px;
    border: 3px dashed #000;
    border-radius: 50%;
}
.token {
    height: 75px;
    width: 75px;
    border: 3px solid #000;
    border-radius: 50%;
}
.hover {
    background-color: pink;
}

JavaScript

$(document).ready(function () {

    $('.token').draggable();

    $('p').droppable({
        hoverClass: 'hover'
    });
});