title: How can I make an element draggable, but not its child elements, using jQuery UI?
body: <p>For example, I want to have this:</p>
  
  <pre><code>&lt;div class="draggable"&gt;
  &lt;p&gt;Text that can be selected&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>