jquery - Draggable into draggable -

i'm looking way drag , drop item item draggable too.

html

<div id="range">     <span class="test">test</span>     <img src="http://1.bp.blogspot.com/_ym3du2sg3r4/tqxjiupb32i/aaaaaaaadcs/kidut36poea/s1600/green-nature-with-sunrise-wallpaper.jpeg" id="background" /> </div>  

js

jquery(document).ready(function() {     jquery("#background, span.test").draggable();  }); 

jsfiddle

the problem shown in example when slide block test @ end of background block, blackground block not extend. i'm looking same functionality drag n drop of marker in google maps

any idea? thx lot

problem in css. should disable overflow:hidden in #range element. css:

#range {     width:400px;     height:400px;      border:1px solid black;     position: relative; }  span.test {     position: absolute;     left: 20px;     top: 20px;       padding: 10px;     background: white;     z-index: 9999; } #background{    position: relative;    width:100px;    height:100px; } 

result: jsfiddle