Drag an animated object with jquery?
<p>I have a fiddle here where a black box moves slowly across the screen. I also want to be able to drag the black box and move it into the pink box, but I can't figure it out. I was trying to use the code below but it kept breaking everything. I'm a newbie, so if you can help,  please give as much explanation as you can.  Thanks a lot!</p>

<p><strong>Update: Sorry, I initially had the wrong fiddle posted. This is correct now</strong></p>

<p><a href="http://jsfiddle.net/mjmitche/LeztD/1/" rel="nofollow">http://jsfiddle.net/mjmitche/LeztD/1/</a></p>

<pre><code>$(function() {
        $( "#draggable, #draggable-nonvalid" ).draggable();
        $( "#droppable" ).droppable({
            accept: "#draggable",
            activeClass: "ui-state-hover",
            hoverClass: "ui-state-active",
            drop: function( event, ui ) {
                $( this )
                    .addClass( "ui-state-highlight" )
                    .find( "p" )
                        .html( "Dropped!" );
            }
        });
    });
</code></pre>
