Jstree在同一剃须刀上渲染多棵树

Question

我使用Jstree库来渲染一棵树，该树显示DB数据通过AJAX调用控制器函数的层次关系。问题是我在同一视图上需要两棵树，虽然正确可视化了第一棵树，但第二个Ajax调用被故意忽略。在我的代码下方

<div id="jobstree" />         --> rendered
<div id="costCentersTree" />  --> skip the entire call

<script>
$(function() {

    $('#jobstree').jstree({
        'core': {
            'data': {
                'url': function(node) {
                    return "/Home/GetNodes/";
                },
                'data': function(node) {
                    return {
                        'id' : node.id,
                        'text': node.text,
                        'children': node.children
                    };
                }
            },
            "multiple": false,
        },
    });

    $('#costCentersTree').jstree({
        'core': {
            'data': {
                'url': function(node) {
                    return "/Home/GetCostCenterTree/";
                },
                'data': function(node) {
                    return {
                        'id': node.id,
                        'text': node.text,
                        'children': node.children
                    };
                }
            },
            'multiple': false,
        },
    });
});
</script>