jquery Sortable/Selectable: filtering child controls
<p>I have a div containing nested divs, like so:</p>

<pre><code>&lt;div id="tree" class="tree"&gt;
&lt;div class="node"&gt;&lt;div class="handle"&gt;&lt;/div&gt;Node 1&lt;div class="ignore"&gt;&lt;/div&gt;
&lt;div class="node"&gt;&lt;div class="handle"&gt;&lt;/div&gt;Node 2&lt;div class="ignore"&gt;&lt;/div&gt;
&lt;div class="node"&gt;&lt;div class="handle"&gt;&lt;/div&gt;Node 3&lt;div class="ignore"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Then, to add sortable() and selectable()</p>

<pre><code>$('.tree').sortable({
  handle:'.handle'
});

$('.tree').selectable();
</code></pre>

<p>I'm using the jQuery UI "sortable" behavior so that the user can reorder the list. The problem is that when the user clicks a div with the class "ignore," the "selectable" highlight moves to that div. I'd like to filter the selectable and sortable behaviors so that they only catch the .node sets, ignoring the .ignore test as it contains a toolbox whose controls no longer accept clicks.</p>

<p>Suggestions?</p>
