Kendo UI Menu append item

append an item to Kendo Menu

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css" rel="stylesheet" /> 
<link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.blueopal.min.css" rel="stylesheet" /> 

<ul id="menu">
    <li>Test
        <ul>
            <li>Test2</li>
            <li>Sub Test</li>
            <li>Sub Test</li>
            <li>Sub Test</li>
        </ul>
    </li>
    <li>Test
        <ul>
            <li>Sub Test</li>
            <li>Sub Test</li>
             <li>Sub Test</li>
             <li>Sub Test</li>
         </ul>
    </li>
</ul>

CSS

html { font: 12px Arial, Helvetica, sans-serif; }

JavaScript

var menu = $("#menu").kendoMenu().data("kendoMenu");

var parentItem = menu.element.children("li:contains('Test')");
var childItem = parentItem.find("li:contains('Test2')");

menu.append([{ text: "Link", url: "http://www.google.com" }], childItem);

$('#menu .k-icon.k-arrow-down').remove();