Kendo UI Mobile base

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div data-role="view" data-title="View Title" id="fav-list" data-transition="overlay:up" data-init="initFavList">
    <header data-role="header">
        <div id="fav-list-navbar" data-role="navbar">
            <a class="nav-button" data-align="left" href="#my-favourites" data-transition="overlay:up reverse" data-role="backbutton" >Back</a>
            <span data-role="view-title"></span>
        </div>
    </header>
     
    <a data-role="button" data-click="changetitle">Change Title</a>    
</div>

JavaScript

new kendo.mobile.Application();

function changetitle() {
    $("#fav-list-navbar").data("kendoMobileNavBar").title("foo");
}