title: jquery draggable prevent firing selectable using click
body: <p>I'm trying to combine the lovely couple of JQueryUI's draggable and selectable ;)</p>
  
  <p>What I'm trying to do:</p>
  
  <ul>
  <li>Divs could be selected using click. That would be displayed by applying... maybe css border/shadow to selected div. Just to highlight it.</li>
  <li>The same divs could be dragged using JQueryUI's draggable.</li>
  </ul>
  
  <p>using a portion of <a href="http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/" rel="nofollow">ryan coughlin's code</a>, I made this code:
  <a href="http://jsfiddle.net/rYgXE/" rel="nofollow">http://jsfiddle.net/rYgXE/</a></p>
  
  <p>Mostly okay. The problem is, The divs could no longer be highlighted (css shadow in this case) using CLICK. only DRAG trigger highlight to the divs. <a href="http://jsfiddle.net/PDPZx/" rel="nofollow">The running sample of ryan coughlin's code</a> also couldn't be selected (highlighted) using click.</p>
  
  <p>I don't really understand what happen, but it seems that draggable code prevent selectable code from working.</p>
  
  <p>any solution/idea?</p>
  
  <p>thx :D</p>