title: jsTree stuck on "loading" on IE8
body: <p>I have trees in two different pages, both have lots of other
  functionality too. They both work fine in Firefox, but IE8 gets stuck
  on "Loading..", with no apparent error messages (I don't have any
  devtools installed for IE8, since I don't know any).</p>
  
  <p>I looked on the web, and found that I should declare a doctype, which
  I did but it didn't help. I also tried stripping down the pages to the
  bare essentials+jstree, but the tree still didn't work.</p>
  
  <p>Here's the code. I've taken out some parts which I think aren't
  essential (though considering the problem, they might be).</p>
  
  <p>I think I saw somewhere in the jstree homepage a mention about some
  variable name and IE being incompatible - something like "use id
  instead of name"? Could my problem be because of something like that?
  I also understand some IE problems are because of the weird way IE
  handles versions (or something, I don't quite understand it). What
  does that mean, and could that be the source of my problem?</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/
  TR/xhtml11/DTD/xhtml11.dtd"&gt;
  
  &lt;?xml version="1.0" encoding="UTF-8" ?&gt;
  &lt;%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%&gt;
  &lt;%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%&gt;
  -SNIP-
  &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/
  jqueryui/1.8.3/themes/base/jquery-ui.css" type="text/css" /&gt;
     &lt;script src="&lt;%= hostUrl %&gt;/js/jquery-1.4.2.js" type="text/
  javascript"&gt;&lt;/script&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/
  jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
     &lt;script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/
  jquery.bgiframe-2.1.1.js" type="text/javascript"&gt;&lt;/script&gt;
     &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/
  jquery-ui-i18n.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="&lt;%= hostUrl %&gt;/js/jsTree/jquery.jstree.js" type="text/
  javascript"&gt;&lt;/script&gt;
     &lt;link rel="stylesheet" type="text/css" href="/WebUI2/js/jsTree/themes/
  css/style.css" /&gt;
     &lt;script type="text/javascript" src="/WebUI2/js/jsTree/themes/js/
  jquery-ui-1.8.13.custom.min.js"&gt;&lt;/script&gt;
  -SNIP-
  &lt;script&gt;
  
  
  $(function () {
  
     $("#tree")
  
     .jstree({
             "json_data" : {
                     "ajax" : {
                             "url" : "getAreaTree?treeType=Areas&amp;ownerPhone=&lt;
  %=webSessionObject.getUserPhoneNum()%&gt;",
                             "data" : function (n) {
                         return { id : n.attr ? n.attr("id") : 0 };
                     }
                     }
             },
  
             types : {
                     types : {
  
                             "folder" : {
  
                             },
                             "file" : {
                                     "valid_children" : "none"
                             }
                     }
             },
  
             checkbox : {
                     "real_checkboxes" : "true",
                     "override_ui" : "true",
                     "real_checkboxes_names" : function(n){
                             console.log("Aasd");
                             return[("area"+n[0].id),n[0].id];
                     }
             },
  
             themes : {
                     theme : "apple"
             },
  
             "plugins" : ["json_data", "ui", "checkbox", "types", "themes" ]
     });
  
  
  
  
  });
  &lt;/script&gt;
  
  &lt;div class="box_start"&gt;
   &lt;div class="box_content"&gt;
     &lt;h1&gt;&lt;fmt:message key="owner.text.areas" /&gt;&lt;/h1&gt;
      &lt;div id="tree"style="overflow:auto border:none"&gt;&lt;/div&gt;
         &lt;br /&gt;
     &lt;/div&gt;
     &lt;div class="box_end"&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>This copypaste is for another forum, and I've since done some changes. I've updated jQuery to it's newest version (1.6.2), and I've eliminated some self closing tags (links, inputs, breaks).</p>
  
  <p>Here's a snippet of my JSON (it's not the whole JSON, so there may be errors with brackets). The updated version uses "idx" instead of just "x", x being a number.</p>
  
  <pre><code>[{ "data" : "Areas", "attr" : { "id" : "1", "rel" : "folder" }, "state" : "open",
  "children" : [{ "data" : "[Testi]", "attr" : { "id" : "261", "rel" : "folder" },  
  "state" : "closed", 
  "children" : [ ] } , { "data" : "TESTI", "attr" : { "id" : "11", "rel" : "folder" },   
  "state" : "closed", 
  "children" : [{ "data" : "[ Kansio ]", "attr" : { "id" : "271", "rel" : "folder" }, 
  "state" : "closed", 
  "children" : [ ] } , { "data" : "[ folder ]", "attr" : { "id" : "281", "rel" : 
  "folder" }, "state" : "closed", 
  "children" : [ ] } ] }]
  </code></pre>
  
  <p>PS. Sorry for the poor formatting, still can't quite handle SO ^^;;</p>