title: jquery sortable on a specific area
body: <p>How do I set the $().sortable(); to a specific area to drag the entire object on? For instance, i want the user to only drag the object by holding on the  area of the object.</p>
  
  <p>this is my JS:</p>
  
  <pre><code>$('ul.droptrue').sortable({
              connectWith: 'ul'
  });
  </code></pre>
  
  <p>here's my html</p>
  
  <pre><code>&lt;ul class="droptrue"&gt;
     &lt;li&gt;
         &lt;span&gt;Title&lt;/span&gt;
         &lt;div&gt;Body&lt;/div&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>