title: incorrect work HTML5 Sortable lists, ajax post and disabled item
body: <p>I'm using a neat sort plugin for jQuery, HTML5 Sortable <a href="http://farhadi.ir/projects/html5sortable/" rel="nofollow">http://farhadi.ir/projects/html5sortable/</a> and would like to disable some items.</p>
  
  <p>I add <code>class="disabled"</code> to <code>&lt;li&gt;</code>-tag and add <code>items: ':not(.disabled)'</code> to javasript, but it does't work... </p>
  
  <p>By the way if remove <code>$('.sortable').sortable().bind()</code> function from javasript, then everything works correctly... </p>
  
  <p>Does anyone know what I'm doing wrong?</p>
  
  <pre><code>&lt;ul id="disabled" class="sortable"&gt;
      &lt;li data-id="1" class="disabled"&gt;One&lt;/li&gt;
      &lt;li data-id="2"&gt;Two&lt;/li&gt;
      &lt;li data-id="3"&gt;Three&lt;/li&gt;
      &lt;li data-id="4" class="disabled"&gt;Four&lt;/li&gt;
      &lt;li data-id="5"&gt;Five&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;script&gt;
  $(function() {
      $('.sortable').sortable().bind('sortupdate', function() {
      var dataIDList = $('.sortable li').map(function(){  return $(this).data("id"); }).get().join(",");
      $.ajax({ type: "POST",  url: "post.php?dataIDList="+dataIDList });
      }); 
  
      $('#disabled').sortable({
          items: ':not(.disabled)'
      }); 
  });
  &lt;/script&gt;
  </code></pre>