title: jQueryUI's draggable clash with dragToSelect plugin
body: <p>I have a case like this:</p>
  
  <ul>
  <li>In a wrapper div, I want some child divs to be draggable.</li>
  <li>In the <strong>same</strong> wrapper div, I want user to be able to perform dragToSelect.</li>
  </ul>
  
  <p>Just FYI, I don't really need the select capability from dragToSelect, I use dragToSelect as visual presentation to get the dimension of a virtual square, but that's beyond the scope of my question.</p>
  
  <p><a href="http://jsfiddle.net/qrU6W/1/" rel="nofollow">here is the jsfiddle If you want to see</a></p>
  
  <p>To do so, I use this plugin:</p>
  
  <ul>
  <li><a href="http://jqueryui.com/demos/draggable/" rel="nofollow">jQueryUI draggable</a></li>
  <li><a href="http://andreaslagerkvist.com/jquery/drag-to-select/" rel="nofollow">Andreas Lagerkvist's jQuery Drag to Select</a></li>
  </ul>
  
  <p>Problem:</p>
  
  <ul>
  <li>dragToSelect went okay, not a problem here.</li>
  <li>draggable is actually also okay, but when doing so, dragToSelect is <strong>also</strong> activated!</li>
  </ul>
  
  <p>is there any solution to toggle between two (draggable and dragToSelect)? Maybe stopping dragToSelect temporary when draggable is active? I don't mind If it needs a toggle button.</p>
  
  <p>thx!</p>