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">
   
</ul>

CSS

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

JavaScript

var menu = $("#menu").kendoMenu().data("kendoMenu");
menu.append("<li> gus</li>");

//var parentItem = menu.element.children("li:contains('Test')");
var parentItem2 = menu.element.children("li:contains('gus')");


//var childItem = parentItem.find("li:contains('Test2')");

menu.append([{ text: "11", url: "http://www.google.com" }], parentItem2);
menu.append([{ text: "22", url: "http://www.google.com" }], parentItem2);
menu.append([{ text: "33", url: "http://www.google.com" }], parentItem2);


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