Kendo Popover - plugin syntax

by kendomobile

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<!-- Demo created for the book: Building Mobile Applications Using Kendo UI Mobile andASP.NET Web API.
http://www.packtpub.com/building-mobile-applications-with-kendoui-html5/book -->
<div data-role="view" data-init="init">

        <a data-role="button" href="#popOverWidget" data-rel="popover">Select Genre</a>

        <div id="popOverWidget" >
            <div data-role="view">
                <ul data-role="listview" >
                    <li><a href="">Comedy (9)</a></li>
                    <li><a href="">Action (10)</a></li>
                    <li><a href="">Romantic (5)</a></li>                    
                </ul>
            </div>
        </div>
    </div>

JavaScript

var app = new kendo.mobile.Application(document.body);
function init(){
    $('#popOverWidget').kendoMobilePopOver({
        popup:{height:'130px'}});    
}