title: Exclude item from handle on jQuery draggable
body: <p>I have a draggable <code>&lt;div&gt;</code> with <code>overflow</code> set to <code>auto</code> to show a scrollbar when the content is too wide.</p>
  
  <p>I want the entire content of the <code>&lt;div&gt;</code> to be draggable, so I have not added a handle. Now when I try to drag the scrollbar, the entire <code>&lt;div&gt;</code> is dragged instead of scrolling the content.</p>
  
  <p>Is there a way of excluding an element from the handle of a draggable <code>&lt;div&gt;</code> in jQuery?</p>
  
  <p>I need something like:</p>
  
  <pre class="lang-js prettyprint-override"><code>$("#element").draggable({
      handle: "not(#thisTable)"
  })
  </code></pre>
  
  <p>Is there a way of doing this with selectors or something like that?</p>