title: How do I prevent drag on a child, but allow drag on the parent?
body: <p>I have a div which the user can drag, inside that div is a span with some text which I want to allow the user to select (thus they cannot drag it). How do I allow the div to drag, but not the span?</p>
  
  <p>The dragstart event is on the div.</p>
  
  <p>I'm probably overlooking something simple. I tried draggable=true on the div, and draggable=false on the span. That didn't work. Tried returning false on dragstart, that didn't work either.</p>
  
  <p>dragstart (roughly):</p>
  
  <pre><code>var jTarget = $(e.target);
  if ((jTarget.is('div.header') || (jTarget.parents('div.header')) 
         &amp;&amp; !jTarget.is('a, input, span'))) 
  {
     e.originalEvent.dataTransfer.setData("Text", "test");
  }
  else
  {
     if(e.preventBubble)
        e.preventBubble();
     if(e.stopPropagation)
        e.stopPropagation();
     return false;//???
  }
  </code></pre>
  
  <p>The if else portion works as I expect, but I cannot get anything to stop the drag and allow the select.</p>