title: jstree once loaded removes other ui (jqueryui.js) settings on page
body: <p>i have an issue with jsTree and the issue is as follows:</p>
  
  <ul>
  <li>I have draggable divs with resizable ability on my page basically you can sort them and resize them</li>
  <li>Then i added a jsTree to the form which retrieves values using ajax and populates the tree using xml_data plugin</li>
  <li>The issue is once the tree is loaded then the divs are not resizeable anymore and cannot be dragged around.</li>
  </ul>
  
  <p>When looking at the html rendered markup after everything has been loaded i can see that className no longer has "ui-resizable"</p>
  
  <p>has anyone come across this bizarre problem?</p>
  
  <p>thanks in advance for kindly assisting me.</p>
  
  <p>Best
  Muzi</p>
  
  <p><strong>Simple Tree Code</strong></p>
  
  <pre><code>$("#jsTreeDiv").bind("loaded.jstree", function (event, data) {
  
              alert("TREE IS LOADED");
  
              var arrTmp = [90, 91];
  
              //loop thru all item in tree if edit
              if (arrTmp.length &gt; 0) {
                  $("#jsTreeDiv li").each(function (i) {
                      var $curItem = $(this);
                      if ($curItem.length &gt; 0) {
                          for (var i = 0; i &lt; arrTmp.length; i++) {
  
                              if (arrTmp[i] == parseInt($curItem[0].id)) {
                                  //delete node
                                  $("#jsTreeDiv").jstree("delete_node", $curItem);
                              }
                          }
                      }
                  });
              }
  
          }).jstree({
              "plugins": ["themes", "xml_data", "types", "ui", "dnd", "crrm"],
              "xml_data": {
                  "ajax": {
                      "type": "POST",
                      "dataType": "html",
                      "url": urlXml,
                      "success": function (msg) { }
                  },
                  "xsl": "flat"
              },
              "themes": {
                  "theme": "default",
                  "url": "../scripts/jsTree/default/style.css",
                  "dots": true,
                  "icons": true
              },
              "ui": {
                  "select_limit": 1,
                  "initially_select": ["lvl_1"]
              }
          });
  
      });
  </code></pre>
  
  <p><strong>Simple Div markup</strong></p>
  
  <pre><code>&lt;ul class="Cols-01"&gt;
      &lt;li&gt;
          &lt;div id="Div2" class="ColContainer-01"&gt;
              &lt;div class="ColContainerHead"&gt;&lt;div class="ColHandlerImg-01"&gt;&lt;img src="ColHandler.png" class="ColHandler-01" /&gt;&lt;/div&gt;[ Data Col Name 2 ]&lt;/div&gt;
              &lt;div class="ColContainerBody"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;div id="Div1" class="ColContainer-01"&gt;
              &lt;div class="ColContainerHead"&gt;&lt;div class="ColHandlerImg-01"&gt;&lt;img src="ColHandler.png" class="ColHandler-01" /&gt;&lt;/div&gt;[ Data Col Name 2 ]&lt;/div&gt;
              &lt;div class="ColContainerBody"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;    
  </code></pre>
  
  <p></p>
  
  <p><strong>Code when DOM is ready</strong></p>
  
  <pre><code>$(".Cols-01 li").each(function (i) {
      var $Div = $(this).find("div.ColContainer-01");
      $Div.resizable(); //make each div resizable
  });
  
  $(".Cols-01").sortable(); //make ul list sortable
  
  
  //then load tree 
  </code></pre>