Im' using jsTree library to render a tree which display a hierarchical relationship of db data calling a controller function via ajax. The problem is that I need two trees on the same view and while the first one is correctly visualized, the second ajax call is deliberately ignored. Below my code

<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>