How to make img draggable and wrap move too
<p>below code try to make img be draggable(regarding <a href="http://stackoverflow.com/a/10965447/1775888">this</a>), it works but I can't figure how to make if img move all wrap <code>drag_wp</code> move together. <a href="http://jsfiddle.net/cAeKG/8/" rel="nofollow">http://jsfiddle.net/cAeKG/8/</a> any suggestion? </p>

<p>js</p>

<pre><code>function enableDraggin(el){
    var dragging = dragging || false, x, y, ox, oy, current;
    el.onmousedown = function(e){
        e.preventDefault();
        current = e.target;
        dragging = true;
        x = e.clientX;
        y = e.clientY;
        ox = current.offsetLeft;
        oy = current.offsetTop;
        window.onmousemove = function(e) {
            if (dragging == true) {
                var sx = e.clientX - x + ox,
                sy = e.clientY - y + oy;
                current.style.left = sx + "px";
                current.style.top = sy + "px";
                return false;
            }
        };
        window.onmouseup = function(e) {
            dragging &amp;&amp; (dragging = false);
        };
    };
};
var el = $('.drag_wp');
for(var i = 0; i &lt; el.length; i++){
    enableDragging(el[i]);
};
</code></pre>

<p>html &amp; css</p>

<pre><code>&lt;div class="drag_wp"&gt;
    &lt;img src="..." class="drag_el"&gt;
    &lt;div&gt;&lt;/div&gt;
    ....// other div
&lt;/div&gt;
.drag_wp{
    position: absolute;
    width: auto;
    height: auto;
    background:red;
}
.drag_el{
    position: absolute;
    width: 200px;
    height: auto;
}
</code></pre>
