title: jquery-ui sorting only single div present in another div,ignore all other divs inside it
body: <p>i have div structure like this :   </p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="row1" class="row"&gt;
          &lt;div class="c1"&gt;&lt;/div&gt;
          &lt;div class="c2"&gt;&lt;/div&gt;
          &lt;div class="c3"&gt;&lt;/div&gt;
      &lt;/div&gt;      
      &lt;div id="row2" class="row"&gt;
          &lt;div class="c1"&gt;&lt;/div&gt;
          &lt;div class="c2"&gt;&lt;/div&gt;
          &lt;div class="c3"&gt;&lt;/div&gt;
      &lt;/div&gt;      
      &lt;div id="row3" class="row"&gt;
          &lt;div class="c1"&gt;&lt;/div&gt;
          &lt;div class="c2"&gt;&lt;/div&gt;
          &lt;div class="c3"&gt;&lt;/div&gt;
      &lt;/div&gt;      
  
  &lt;/div&gt;
  </code></pre>
  
  <p>from the above code, what i want is , i should be able to sort only rows . means, exchanging row1 with row2 , like that .    </p>
  
  <p>What i tried :    </p>
  
  <pre><code> $("#container").sortable()
   $("#container").sortable({connectWith : '.row'})
   $(".row").sortable({connectWith : '#container'})
  </code></pre>
  
  <p>What is the solution , and i am facing this problem for every of my projects, can u explain how to exactly use that ?</p>
  
  <p>thanks</p>