title: .load with jsTree
body: <p>I'm helping a friend try to set up jsTree. We are trying to make it so when a node is clicked, a page is loaded in another div off to the side. However, everything seems to be working, but the <code>.load</code> does not fire for some reason. I used alert to check <code>thisItem</code> and it is defined and is the correct variable. </p>
  
  <pre><code>$(function() {
  
      $('.tree').jstree().delegate("a", "click", function(event, data){
          event.preventDefault();
          var thisItem = $(this).attr('id');
          thisItem += ".html";
          alert(thisItem);
          $('.table').load(thisItem);
          });
  
  });
  </code></pre>
  
  <p>This is the HTML:</p>
  
  <pre><code>&lt;div class = "tree"&gt;  
      &lt;ul&gt;
      &lt;li id = "1"&gt;&lt;a href = "" id = "1"&gt;Test 1&lt;/a&gt;
          &lt;ul&gt;
          &lt;li id = "2"&gt;&lt;a href = "" id = "2"&gt;Test 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class = "table"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have pages that will correspond to these ids that I want to load into <code>table</code>. This works without the jstree with a regular <code>.click</code>...but I'd like to use it with jstree. </p>
  
  <p>I just can't figure out why it won't load the page when using jstree...but it will work when I don't use jstree. I even tried doing a <code>.click</code> on <code>.tree li</code> outside of the jstree stuff but that didn't work either. (If I get rid of the jstree stuff all together this code here works.)</p>
  
  <pre><code>$('.tree li').click(function() {
          var thisItem = $(this).attr('id');
          thisItem += ".html";
          $('.table').load(thisItem);
      }); 
  </code></pre>
  
  <p>Note: This is just a test for a more dynamic piece of a project.</p>