title: Prevent jquery draggable on parent firing child event
body: <p>I have jquery draggable attached to a DIV container, each of its child elements has a click event, how do I prevent the child event from firing when I drag the main parent container.</p>
  
  <p>I only want to fire the child event when I click on it, not when I drag the whole thing.</p>
  
  <p>I have made a demo: <a href="http://jsfiddle.net/sygad/RgdPq/1/" rel="nofollow">http://jsfiddle.net/sygad/RgdPq/1/</a></p>
  
  <p>Any help appreciated.</p>