jQuery: cancel sortable on top-most LI element?
<p>I have two sortables that are straight UL elements, each with at least on LI element and as many as ten, sorted like so:</p>

<pre><code>$(".sortable").sortable({
    connectWith: ".sortable",
    cancel: '.no-drag',
}).disableSelection();
</code></pre>

<p>I want each UL to have a top-most LI element reading 'Title'. I don't want this LI element to be draggable, and I don't want it to be sortable; it's effectively a header block for the UL. The 'cancel' option in the sortable() call DOES prohibit the user from dragging it around, but the user can still drag other LI elements in the list up and down, dislodging the top-most LI. I want to prevent this.</p>

<p>Essentially: I want LI items 2-N to be sortable, and 1 fixed.</p>

<p>Thoughts?</p>
