title: How to give child nodes an 'id' with JSON in jsTree
body: <p>I've got a tree which has been populated through JSON like so (please excuse the formatting):</p>
  
  <pre><code>$("#treeView").jstree({
            "themes": {
                "theme": "default",
                  "dots": false,
                    "icons": false
                     },
             "json_data": {
                  "data": [
          {
          "data": "2011",
          "metadata": { id: 2011 },
          "children": [
  
  { "data": "January", "attributes": { "id": "jan_2011"} },
  { "data": "February", "attributes": { "id": "feb_2011"} },
  { "data": "March", "attributes": { "id": "mar_2011"} },
  { "data": "April", "attributes": { "id": "apr_2011"} },
  { "data": "May", "attributes": { "id": "may_2011"} },   
  { "data": "June", "attributes": { "id": "jun_2011"} },
  { "data": "July", "attributes": { "id": "jul_2011"} },
  { "data": "August", "attributes": { "id": "aug_2011"} },
  { "data": "September", "attributes": { "id": "sep_2011"} },
  { "data": "October", "attributes": { "id": "oct_2011"} },
  { "data": "November", "attributes": { "id": "nov_2011"} },
  { "data": "December", "attributes": { "id": "dec_2011"} }
  ]
                  }]
                      },
                      "plugins": ["themes", "json_data", "ui"]
                  }).bind("select_node.jstree", function (e, data) {
                      alert(data.rslt.obj.data("id"));
                  });
              });
  </code></pre>
  
  <p>My problem is that whenever a node is clicked, the alert box does not display anything, or simply 'undefined'. In other words, I think the 'id' attributes are not being set for the children nodes.</p>
  
  <p>Any ideas?</p>