title: jsTree AJAX not calling MVC Controller
body: <p>I am building a tree using the jsTree plugin with ASP.NET MVC 4. Here's my code before I elaborate:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="MainTree"&gt;&lt;/div&gt;
  &lt;div onclick="$load();"&gt;Load Tree&lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>$load = function(){
      $('#MainTree').jstree({
          "json_data": {
              "ajax": {
                  "url": "/Home/GetTreeData",
                  "type": "POST",
                  "dataType": "json",
                  "contentType": "application/json charset=utf-8"
              }
          },
          "themes": {
              "theme": "default",
              "dots": false,
              "icons": true,
              "url": "/content/themes/default/style.css"
          },
  
          "plugins": ["themes", "json_data", "dnd", "contextmenu", "ui", "crrm"]
  
      });
  }
  </code></pre>
  
  <p><strong>Controller:</strong></p>
  
  <pre><code>[HttpPost]
  public JsonResult GetTreeData()
  {
     JsTreeModel rootNode = new JsTreeModel(); // Breakpoint here, never triggered
     rootNode.attr = new JsTreeAttribute();
     rootNode.data = "Root";
     string rootPath = "Test";
     rootNode.attr.id = rootPath;
  
     JsTreeModel t1 = new JsTreeModel();
     t1.attr.id = "1";
     JsTreeModel t2 = new JsTreeModel();
     t2.attr.id = "2";
     JsTreeModel t3 = new JsTreeModel();
     t3.attr.id = "3";
     rootNode.children.Add(t1);
     rootNode.children.Add(t2);
     rootNode.children.Add(t3);
  
     return Json(rootNode);
  }
  </code></pre>
  
  <p>When I click the "Load Tree" button, <code>$load()</code> is triggered and in Firefox debug it runs without throwing errors. The tree <code>&lt;div&gt;</code> changes from:</p>
  
  <pre><code>&lt;div id="MainTree"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>&lt;div role="tree" class="jstree jstree-1 jstree-default jstree-default-responsive jstree-leaf" id="MainTree"&gt;
  &lt;ul class="jstree-container-ul"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I placed a breakpoint in the Controller, noted in a comment, which never gets triggered; i.e. the call to the Controller never seems to be made. My <code>HomeController.cs</code> is without syntax errors.</p>
  
  <p>Am I missing something here?</p>