title: JQuery Sortable - Nested Handle
body: <p>I'm using jquery sortable to drag and drop blocks on a page. However I'm having problems witht the handle.</p>
  
  <p>The html of a block is like so :</p>
  
  <pre><code>&lt;div class="row insumo-editor-module" style=""&gt;
      &lt;div class="span12 module-toolbar"&gt;
          &lt;div class="btn-group pull-right"&gt;
              &lt;button class="btn btn-inverse btn-remove-module"&gt;&lt;i class="icon-remove-circle icon-white"&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;button class="btn btn-inverse btn-move-module"&gt;&lt;i class="icon-move icon-white"&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- More html here --&gt;        
  &lt;/div&gt;
  </code></pre>
  
  <p>The javascript to make it sortable is the following (each .insumo-editor-module is contained in editor_zone which is a div).</p>
  
  <pre><code>editor_zone.sortable( {
      handle: '.btn-move-module',
      cursor: 'move',
      placeholder: 'placeholder',
      forcePlaceholderSize: true,
      opacity: 0.4,
  }).disableSelection();
  </code></pre>
  
  <p>I've tried using a link directly in .insumo-editor-module as the handle and it worked fine. I've also removed the handle attribute completely and it works. However, trying to use .btn-move-module isn't working.</p>
  
  <p>Is there any way of using nested html as a handle?</p>
  
  <p>There is a jsfiddle <a href="http://jsfiddle.net/xonorageous/neexj/6/" rel="nofollow">here</a></p>
  
  <p>Thanks in advance</p>