title: jQuery Sortable for multiple level items
body: <p>I want a sortable list having multiple level . I tried it with <a href="http://farhadi.ir/projects/html5sortable/" rel="nofollow">this blog</a> as it describes easly the things</p>
  
  <p>But when i tried it with multiple level its not working :(</p>
  
  <p>This is the structure i need </p>
  
  <pre><code>&lt;div class='sortable'&gt;
      &lt;div class='item1'&gt;aa&lt;/div&gt;
      &lt;div class='item1'&gt;
          &lt;div class='item2'&gt;bb&lt;/div&gt;
          &lt;div class='item2'&gt;cc&lt;/div&gt;
          &lt;div class='item2'&gt;dd&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class='item1'&gt;ee&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the script </p>
  
  <pre><code>$(".sortable").sortable();
  $(".item1").sortable();
  </code></pre>
  
  <p>When i assign the <code>sortable()</code> to <code>sortable class</code> and child of <code>item1 class</code> ,  all the <code>item1</code> and <code>item2</code> classes will assign the <code>draggable="true"</code> property and I cant drag the childs under <code>item1</code> .<code>item2</code> elements only need to drag inside the parent <code>item1</code></p>
  
  <p>Is there any good solution for making both the levels sortable at the same time </p>
  
  <p>Thanks</p>