title: Knockout and JSTree not rendering properly
body: <p>I am using KnockoutJS on my page and trying to populate the DOM for a JsTree, but the JsTree is not identifying the leaves correctly and applying any changes to the code of the leaves(or folders) that KnockoutJs populates.  Is there a way to tell JsTree that there is new data and should re-evaluate everything?
  Script at beginning of page</p>
  
  <pre><code>$(document).ready(function() {
  
          function treeNode(data) {
              var self = this;
              self.id = ko.observable(data.ID);
              self.name = ko.observable(data.Name);
          }
  
          function partsViewModel() {
              var self = this;
              self.partTypes = ko.observableArray([]);
              self.selectedPartType = ko.observable();
              self.selectedPartType = ko.observable();
  
              $.getJSON("/PartKO/PartTypes", function(allData) {
                  var mappedPartTypes = $.map(allData, function(item) { return new treeNode(item); });
                  self.partTypes(mappedPartTypes);
              });
  
              $("#navigation").jstree({
                  "themes": { "theme": "classic" },
                  "plugins": ["themes", "html_data"]
              });
          }
  
          ko.applyBindings(new partsViewModel());
  
      });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>ul id="navigation" class="treeview" data-bind="foreach: partTypes"&gt;
          &lt;li&gt;
              &lt;a href="#" data-bind="text:name"&gt;&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>