title: Only drag when clicking a parent element, not its children
body: <p>I'm using jquery-ui to let my div element be draggable. It looks like this:</p>
  
  <pre><code>&lt;div id="parent"&gt;
     &lt;div id="child"&gt;
        //here is some stuff like tabs and other dynamic content
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the parent is draggable and I can drag whole element even if I drag on the space which is occupy by element with the id "child". I don't want drag when clicking the child element   </p>
  
  <p>In other words:</p>
  
  <p>I want make my parent to be a natural draggable frame for its child elements, but this child must not trigger the parent draggable too.</p>