title: Refresh jstree after `load_node` with updated json data
body: <p>I have a jstree element which loads data from a json array called <code>hpo_json</code> when being initialised at <code>init_hpotree()</code>. Then on a specific button click I pass the json array (<code>hpo_json</code>) to an ajax call, receive the updated array and then reinitialise the jstree. Everything work absolutely fine.</p>
  
  <pre><code>hpo_json = [...]
  function init_hpotree() {
      jstree_hpo = $('#jstree_hpo').jstree({
          'core' : {
              'data' : [hpo_json]
          }
      });
  }
  
  function destroy_hpotree() {
      $("#jstree_hpo").jstree("destroy");    
  }
  
  $('button.btnAdd').click(() =&gt; {
      destroy_hpotree();
      ajax_call(hpo_json) -&gt; update -&gt; hpo_json
      init_hpotree();
  });
  </code></pre>
  
  <p>But I also need to update the contents of json array (<code>hpo_json</code>) and expand the tree when you click on a particular node. So I edited my initialise function as follows:</p>
  
  <pre><code>function init_hpotree() {
      jstree_hpo = $('#jstree_hpo')
      .on('load_node.jstree', function(e, data) {
          ajax call -&gt; update -&gt; hpo_json
      })
      .jstree({
          'core' : {
              'data' : [hpo_json]
          }
      });
  }
  </code></pre>
  
  <p>The <code>hpo_json</code> array is updated but I'm not sure how to refresh the tree. Some of the <em>SO</em> answers suggest using <code>tree.jstree("refresh")</code> but i'm not sure where exactly.FYI, I'm using <code>jsTree - v3.3.7</code>.</p>