title: Tree won't load in ie 8
body: <p>I'm using the jqtree plugin and I can't seem to get the tree to load in ie 8. I get an error in ie8 saying children is null or not an object. But I don't receive that error in any other browser.</p>
  
  <p>The error occurs on the 8th line of the code below saying - Unable to get property 'children' of undefined or null reference.</p>
  
  <pre><code>Node.prototype.loadFromData = function(data) {
    var node, o, _i, _len;
    this.removeChildren();
    for (_i = 0, _len = data.length; _i &lt; _len; _i++) {
      o = data[_i];
      node = new this.tree.node_class(o);
      this.addChild(node);
      if (typeof o === 'object' &amp;&amp; o.children) {
        node.loadFromData(o.children);
      }
    }
    return null;
  };
  </code></pre>
  
  <p>Here is my html </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset="UTF-8"/&gt;
      &lt;title&gt;EMC Automation Test Suite&lt;/title&gt;
      &lt;link rel="stylesheet" href="jqtree.css"&gt;
      &lt;link rel="stylesheet" href="/fontawesome/css/font-awesome.min.css"&gt;
      &lt;link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;
      &lt;/head&gt;
  
  &lt;body&gt;
      &lt;h1&gt;EMC Automation Test Suite&lt;/h1&gt;
      &lt;div id="tree1" data-url="/treejsonobject/" class&gt;&lt;/div&gt;
      &lt;script src="scripts/jquery-1.11.1.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/tree.jquery.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/jquery.cookie.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/jquery.mockjax.js"&gt;&lt;/script&gt;
      &lt;script src="index.json"&gt;&lt;/script&gt;
      &lt;script src="scripts/save_state.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>and here is my java script</p>
  
  <pre><code>$.mockjax({
      url: '*',
      response: function(options) {
          this.responseText = TreeJsonObject.treejsonobject;
     },
     responseTime: 0
  });
  
  $(function() {
      $('#tree1').tree({
          saveState: true,
          saveState: 'my-tree',
          closedIcon: $('&lt;i class="fa fa-plus-square"&gt;&lt;/i&gt;'),
          openedIcon: $('&lt;i class="fa fa-minus-square"&gt;&lt;/i&gt;')
      });
  });
  </code></pre>
  
  <p>I have tried adding this to my script</p>
  
  <pre><code>$(function() {
      $(#tree1).children().remove()
  });
  </code></pre>
  
  <p>But this code just disables the tree from loading.</p>