title: jQuery / jQuery UI nested sortable list where parent folder cannot be nested
body: <p>I'm trying to created a nested folder structure using jquery / jquery ui.</p>
  
  <p>However unlike the many examples out there i do not want the parent folder to be nestable within another parent folder.</p>
  
  <p>So in short:</p>
  
  <p>I want to adjust the following script so that sub folders can be moved to other sub folders.</p>
  
  <p>Has anyone dealt with something similar to this or know of a good example?</p>
  
  <p>I have supplied a JS fiddle with what I have so far</p>
  
  <p><a href="https://jsfiddle.net/9qn2c020/" rel="nofollow">https://jsfiddle.net/9qn2c020/</a></p>
  
  <pre><code>&lt;div id="appSpace" class="folder-container"&gt;
      &lt;div class="folder sortable-folder"&gt;
          Folder 1
          &lt;div class="sub-folder sortable-sub-folder"&gt;Sub Folder 1
              &lt;div class="folder-item"&gt;Item 1&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item 2&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item 3&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="sub-folder sortable-sub-folder"&gt;Sub Folder 2
              &lt;div class="folder-item"&gt;Item A&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item B&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item C&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="folder sortable-folder"&gt;
          Folder 2
          &lt;div class="sub-folder sortable-sub-folder"&gt;Sub Folder A
              &lt;div class="folder-item"&gt;Item 1&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item 2&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item 3&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="sub-folder sortable-sub-folder"&gt;Sub Folder B
              &lt;div class="folder-item"&gt;Item A&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item B&lt;/div&gt;
              &lt;div class="folder-item"&gt;Item C&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  $(function() {
          $(".folder-container").sortable({
              connectWith: ".folder-container",
              sort: function(e) {
              }
          });
          $(".sortable-folder").sortable({
              connectWith: ".sortable-folder",
              sort: function(e) {
  
              }
          });
          $(".sortable-sub-folder").sortable({
              connectWith: ".sortable-sub-folder",
              sort: function(e) {
  
              }
          });
          $( ".sortable" ).disableSelection();
      });
  </code></pre>
  
  <p>Thank you in advance!</p>