title: jquery sortable disable dragging/dropping between specific items
body: <p>My situation is as follows - I'm sorting a table which may contain linked rows:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr class="sortable-row"&gt;&lt;td&gt;row 1&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="sortable-row"&gt;&lt;td&gt;row 2&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="linked-to-previous"&gt;&lt;td&gt;row 3&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="sortable-row"&gt;&lt;td&gt;row 4&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="sortable-row"&gt;&lt;td&gt;row 5&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What I need is to <strong>disallow dropping the dragged row between <code>.linked-to-previous</code> and the row before it</strong>.</p>
  
  <p>I was thinking it could be done by something like this:</p>
  
  <pre><code>jQuery('table').sortable({
      items: '.sortable-row',
      axis: 'y',
      change: function (event, ui)
      {
          return (ui.placeholder.next('.file-version').length === 0);
      }
  });
  </code></pre>
  
  <p>But unfortunately that doesn't work quite like needed - row 1 can't be dragged below row 3 because it cancels the sorting altogether.</p>
  
  <p>Fiddle here: <a href="http://jsfiddle.net/qbhykh5e/3/" rel="nofollow">http://jsfiddle.net/qbhykh5e/3/</a></p>
  
  <p>Suggestions?</p>