title: Node icon in a jsTree tree with font-awesome
body: <p>I have a tree structure using jsTree, like this:</p>
  
  <pre><code>&lt;div id="jstree"&gt;
          &lt;ul&gt;
             &lt;li&gt;Root 1
               &lt;li&gt; Child 1&lt;/li&gt;  
             &lt;/li&gt;   
          &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to put icons of <a href="http://fortawesome.github.io/Font-Awesome/icons/" rel="noreferrer">font-awesome</a> for the roots and children. <a href="http://www.jstree.com/docs/html" rel="noreferrer">Here</a> is explained how to do it with bootstrap, below and example:</p>
  
  <pre><code> &lt;li data-jstree='{"icon":"glyphicon glyphicon-leaf"}'&gt;Child&lt;/li&gt;
  </code></pre>
  
  <p>I tried by doing this:</p>
  
  <pre><code>&lt;li data-jstree='{"icon":"fa fa-user fa-2x"}'&gt;
  </code></pre>
  
  <p>and this is the error that the browser tells me:</p>
  
  <blockquote>
    <p>Invalid character (:) in expression "icon":"fa fa-user fa-2x"</p>
  </blockquote>
  
  <p>I should also mention that I am using XML and XSL.</p>
  
  <p>Does anyone have an idea about this issue?</p>