title: z-index at drop
body: <p>For my board i have a div where i can drop imgs wich can be dragged around in the board.</p>
  
  <p>i use</p>
  
  <pre><code> drop: function (event, ui) 
  {
      ui.draggable.clone(false)
      .removeClass('original ')
      .addClass('draggable').appendTo($(this))
      .draggable({stack: ".draggable", containment: '#board' })
      .resizable
      ({containment:'#board',aspectRatio: true})
      .css({position: 'absolute'})
  ;}
  </code></pre>
  
  <p>at drop</p>
  
  <p>and i use </p>
  
  <pre><code> .draggable({stack: ".draggable", containment: '#board' })
  </code></pre>
  
  <p>to set the last dragged item at the top.</p>
  
  <p>But when i add a new one and the last image is set to the size of div board, the newly dropped item won't be visible cause it has a lowe z-index (stack).</p>
  
  <p>Is there a way to get the highest z-index and give it 1 more to the newly added one?</p>