title: can't disable droppable in jquery ui
body: <p>I am using jquery ui Draggable and Droppable in my web application to drag divs and drop them,</p>
  
  <p>But when I drop the items on the droppale area (they are sometimes textboxes or textareas) I can't react with them any more or drag them further, its like they are consumed in that part of the page.</p>
  
  <p>other thing is that I decided to totaly disable the droppable but still the div keeps dropping stuff on it and consuming them, i tried also to delete the droppable event from the code and run it again still the same thing keeps happenning.</p>
  
  <p>but when i drag them to other parts of the page the drag works fine.
  I also tried to run on several machines but still same output.</p>
  
  <p>what could be the cause of the problem ?</p>
  
  <p>code for creating the draggables</p>
  
  <pre><code>$('body').append("&lt;div id='addNewText'&gt;&lt;/div&gt;");
      $("#addNewText").draggable();
  </code></pre>
  
  <p>code for creating the droppable page but when I deleted the droppable part.</p>
  
  <pre><code>$("#book").append("&lt;div name=\"page\" id =\"page"+(pagesNumber+1)+"\"&gt; &lt;/div&gt;");
      $("#page"+(pagesNumber+1)).css("position","absolute");
  </code></pre>