title: Trigger change of image after dropping three objects
body: <p>After dropping the top three boxes onto the car, I would like to change the car image.</p>
  
  <p>Does anyone know a way where I can specify after all the boxes are dropped it triggers an event to change the car image?</p>
  
  <p>HTML code for car  image</p>
  
  <pre><code>&lt;div id="car"&gt;
  &lt;img name="car" src="http://www.danconveys.com/wp-content/uploads/2014/04/car-complete_1.png" width="440" height="154" alt=""&gt;
  &lt;/div&gt;
  
   #car {
   position:absolute;
   left:46px;
   top:160px;
   width:430px;
   height:128px;
   z-index:7;
   }
  </code></pre>
  
  <p>Here is the image that I want it changing to: 
  <a href="http://www.danconveys.com/wp-content/uploads/2014/04/car_break.png" rel="nofollow noreferrer">http://www.danconveys.com/wp-content/uploads/2014/04/car_break.png</a></p>
  
  <p>JS Fiddle: <a href="http://jsfiddle.net/dantest2014/9JTSQ/12/" rel="nofollow noreferrer">http://jsfiddle.net/dantest2014/9JTSQ/12/</a></p>
  
  <p>Hope that someone can help! </p>