title: jQueryUI draggable outer div when clicking inner div
body: <p>I've created a draggable div that works great, looks like this:</p>
  
  <pre><code>&lt;div id="outerdiv"&gt;
     &lt;div id="titlediv"&gt;Some Text&lt;/div&gt;
     &lt;div id="rowdiv"&gt;Some more text&lt;/div&gt;
     &lt;div id="rowdiv"&gt;Some more text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in jQueryUI linked it up:</p>
  
  <pre><code>$('#outerdiv').draggable();
  </code></pre>
  
  <p>What I want, however, is to make the '#titlediv' draggable so that only when you click on that part can you drag the outer div.</p>
  
  <p>i.e. first line inside the div is the title which when dragged will cause the whole div to drag.</p>