title: jQuery draggable, event when dropped outside of parent div
body: <p>I have a list of photos, and I have draggable added to them, however when the photo is dragged outside of the parent div, I want to change it's class so it indicates that if you drop it, it will be removed, and then when the user drops it, I want it to fire a function. (only if it is outside of the parent div)</p>
  
  <pre><code>&lt;ul class="photos"&gt;
  &lt;li&gt;&lt;img src=""/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src=""/&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>so when an li is dragged outside of .photos, it fires to add class, and then if it's dropped outside of it, then it fires and event to remove it.</p>