jquery draggble has a problem on dragging?
<p>I wanted to restore the position of red block which is a draggble div on the green and gray block and not in blue block it is not worked on green block but it worked on gray block please help me ... For this purpose i am using jquery revert. The code and lnk are below please help me
<a href="http://galtech.org/testing/drag.php" rel="nofollow">http://galtech.org/testing/drag.php</a></p>

<pre><code>&lt;style type="text/css"&gt;
    #draggable { width: 100px; height: 70px; background: red; }
    #nodrag { width: 200px; height: 270px; background: #00CC66; }
  &lt;/style&gt;

&lt;/head&gt;
&lt;body &gt;
&lt;div style="background:#CCCCCC;"&gt;
     &lt;div id="droppble_blue" style="background:#99CCCC; height:500px; width:620px;"&gt; 
        &lt;div id="draggable" &gt;Drag&lt;/div&gt;
        &lt;div id="nodrag" class="new"&gt;no Drag &amp; drop here&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
  &lt;script&gt;
  $(document).ready(function() {
    $("#draggable").draggable({ revert: "invalid" });
    $("#droppble_blue").droppable({drop: function() { alert('dropped');}});
  });
  &lt;/script&gt;
</code></pre>
