title: Jquery sortable - Start sort only with child element
body: <p>i want to start the sort only when i drag the the icon (<code>class="icon"</code>). </p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>  $('#sortable_test2').sortable({ cancel: '.noDrag' }); // did not work
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="sortable_test2" style="margin:20px; background-color:#cacaca;" class="noDrag"&gt; 
    &lt;div id="ct1" class="ct"&gt;&lt;div class="icon"&gt;icon&lt;/div&gt;sortable 1&lt;/div&gt;
    &lt;div id="ct2"  class="ct"&gt;&lt;div class="icon"&gt;icon&lt;/div&gt;sortable 2&lt;/div&gt;
    &lt;div id="ct3" class="ct"&gt;&lt;div class="icon"&gt;icon&lt;/div&gt;sortable 3&lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p><strong>example</strong><br />
  <a href="http://jsbin.com/igohod/15/edit#source" rel="nofollow">http://jsbin.com/igohod/15/edit#source</a></p>
  
  <p>Thanks in advance!</p>