jQuery draggable, событие при перетаскивании за пределы родительского div

У меня есть список фотографий, и я добавил к ним перетаскиваемый объект, однако, когда фотография перетаскивается за пределы родительского div, я хочу изменить его класс поэтому он указывает на то, что если вы его уроните, он будет удален, а затем, когда пользователь сбросит его, я хочу, чтобы он запустил функцию. (только если он находится за пределами родительского div)

<ul class="photos">
<li><img src=""/></li>
<li><img src=""/></li>
</ul>

, поэтому, когда li перетаскивается за пределы .photos, он запускает добавление класса, а затем, если он отбрасывается за его пределами, он запускает и событие для его удаления.