Duda con jquery (Superposición de z-index)

[SeaPirates]

Hola, mi duda es, como puedo hacer para que al arrastrar un div con el drag & drop se coloque encima de otro div, luego al colger el de debajo y arrastrarlo se coloque encima de nuevo, usé la propiedad de stack que ví en la página de jquery, pero no funciona, siempre se queda el mismo div encima del otro. Dejo mi código

Código Javascript:

<script type="text/javascript">
 
    function drag(id)
    {
        $('#'+id+'').Draggable({ containment: 'parent', stack: "#playground div", scroll: false });
        
  }
 
</script>
 

[InKarC]

Código Javascript:

var div = $('#'+id+'')
var anteriorIndex = div.css("z-index")
 
div.Draggable({ containment: 'parent',
    stack: "#playground div",
    start: function(){div.css("z-index",999)},
    scroll: false,
    stop: function() {div.css("z-index",anteriorIndex)}
}
 
}),
 

[SeaPirates]

Sería así?

Código Javascript:

function drag(id)
    {
 
var div = $('#'+id+'')
var anteriorIndex = div.css("z-index")
 
div.Draggable({ containment: 'parent',
    stack: "#playground div",
    start: function(){div.css("z-index",999)},
    scroll: false,
    stop: function() {div.css("z-index",anteriorIndex)}
 
});
}
 

Al arrastrarlo se coloca por encima, pero cuando lo suelto se sigue colocando debajo..