Запрет перетаскиваемых элементов jQuery от перекрытия/столкновения с одноуровневыми элементами

Мне нужно использовать пользовательский интерфейс jQuery, чтобы ограничить область сдерживания для перетаскиваемого объекта с некоторыми дополнительными ограничениями.Мне нужно, чтобы перетаскиваемый элемент не перекрывался другими элементами в одном контейнере. Мне нужно разрешить движение в области «moveInHere», но не в области «butNotHere». Является ли это возможным?

<div id="moveInHere">

    <div id="dragMe"> </div>

    <div id="butNotHere"> </div>

</div>


<script type="text/javascript">

    $("#dragMe").draggable({
        containment: "#moveInHere"
    });

</script>