title: Creating a JSTree node on a specific position in the tree
body: <p>I am trying to update a JSTree structure on the <code>open_node.jstree</code> event. It should populate the children of the opened parent.</p>
  
  <pre><code>treeContent.jstree({
          "json_data": {"data": jsonData},
          "progressive_render": "true",
          "plugins": ["themes", "json_data", "ui", "checkbox"]
      })
  </code></pre>
  
  <p>In this part <code>jsonData</code> is the actual data loaded to the tree recieved from an Ajax call.
  I would like to bind an event like this:</p>
  
  <pre><code>.bind("open_node.jstree", function (event, data) {
                  children = data.inst._get_children(data.rslt.obj);
                  for (i = 0; i &lt; children.length; i++) {
                      //this doesn't work
                      treeContent.jstree("create", children[i], "inside", getJSONData(children[i].getAttribute('path')));                        
                  }
              });
  </code></pre>
  
  <p>By doesn't work I mean that the correct data is recieved from getJSONData, but the child element isn't altered.</p>
  
  <p>Instead of the line that's not working I need to set the data for each child from the getJSONData() function. It returns data in the same format that's used when loading <code>jsonData</code> in the first place - a JSON object.</p>
  
  <p>How can I do this please?</p>