title: Jquery UI - Sortable between the Div not Within Div
body: <p><img src="https://i.stack.imgur.com/tBwU3.jpg" alt="REF Image"></p>
  
  <p>I have 'N' number of start row  (red border)
  I want sortable(number box 1, 2, 3 etc..) form start row(red border) to receive row(green border).</p>
  
  <p>sortable should not work within start row (red border).
  And sortable within the receive row (green border) must work.</p>
  
  <p>Note: <strong>Here i want to only disable/ cancel sortable function within the start row(red border).</strong>
  Below script code used.</p>
  
  <pre><code>    $('.draggable-row').sortable({
       connectWith:".sortable-row"
  
           });
  
       $('.sortable-row').sortable({
       connectWith:".sortable-row"
  
       });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ezhil/2tn0903g/2/" rel="nofollow noreferrer">Demo</a></p>