multiple controls not working

[Arvind]

Multiple kendo controls included in the same page are not rendering themselves.
I am trying to include a Panel Bar within a Splitter panel.
But, with the below code only the Splitter renders and the Kendo panel bar is not seen.
If i move the KendoPanelBar code ahead, then the PanelBar is seen and not the splitter.
Please suggest ..

<script type="text/javascript">
    $(document).ready(function () {
        $("#splitter").kendoSplitter({
            panes: [
                { collapsible: true, min: "100px", max: "100px" },
                { collapsible: true}],
            orientation: "horizontal"
        });

        $("#panelBar").kendoPanelBar();
       
    });   
</script>