title: Drag and drop images from one div to another div
body: <p>i would like to drag some images from divs to another div...i have a div container who has 5 more divs,in those 5 divs are some pngs. What i need is to drag 1 by one these pngs from 1st div to a div with id="dropspot" then clicking on "next button" to change to the second div which is in container and clear the dropspot div,and so on untill 5th div. </p>
  
  <p>I have tryed something but aint what i need :( these function makes all images draggable and i need just the images inside of container to be draggable.</p>
  
  <p>Heres a fiddle: <a href="http://jsfiddle.net/ygaw2/7/" rel="nofollow">http://jsfiddle.net/ygaw2/7/</a></p>
  
  <p>and some code: </p>
  
  <pre><code>$(function() {
      $( "#container img" ).draggable();
      ({
      containment: "#container",    
      revert: "invalid",
      helper: "clone"
  
      });
      $( "#dropspot" ).droppable({
  
        tolerance: 'fit',
  
        drop: function( event, ui ) {
  
  
        }
      });
    });
  </code></pre>