Kendo UI Adding Text to Menu

Adding text to the far right of a Kendo UI Menu

by jddevight

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<ul id="menu">
    <li>Framework
        <ul>
            <li>DataSource</li>
            <li>HierarchicalDataSource</li>
            <li>Model</li>
            <li>Node</li>
            <li>ObservableArray</li>
        </ul>
    </li>
    <li>Web
        <ul>
            <li>AutoComplete</li>
            <li>Calendar</li>
            <li>ComboBox</li>
            <li>DatePicker</li>
            <li>DropDownList</li>
        </ul>
    </li>
</ul>

JavaScript

$("#menu").kendoMenu();
$("<div>Text added to menu</div>")
    .css({
        "float": "right",
        "padding-right":"8px",
        "padding-top":"8px"
    })
    .appendTo("#menu");