JSFiddle - React, Tailwind, and code Playground

by Jon Kittell

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.9/themes/default/style.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.9/jstree.min.js"></script>

<form id="s">
  <input type="search" id="q" />
  <button type="submit">Search</button>
</form>
<div id="container">
<div id="log"></div>

JavaScript

$('#container').jstree({
    'core' : {
        'data' : {
            "url" : "//www.jstree.com/fiddle/?lazy",
            "data" : function (node) {
                return { "id" : node.id };
            }
        }
    },
    "plugins" : ["checkbox"],
    "plugins" : ["search"]
});


$("#s").submit(function(e) {
    e.preventDefault();
    $("container").jstree(true).search($("#q").val());
});