Kendo UI

jQuery + Kendo UI

HTML

<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css">
<script id="index1" type="text/x-kendo-template">
    <select id="ddMatter1" name="ddMatter" >
        <option>Select 1...</option>
        <option value="type-1">1</option>
        <option value="type-2">2</option>
    </select>

    <input id="search" name="search" type="submit" value="Search"/>
</script>

<div id="app"></div>

<br/><br/><br/>
<p>click render to break things</p>
<input id="render" type="submit" value="Render"/>

JavaScript

var index1 = new kendo.View('index1', { 
    init: function() {
        $("#ddMatter1").kendoDropDownList();
        $("#search").click(function () { 
            alert('search'); 
        });
    }
});

index1.render("#app");

$("#render").click(function () { 
    index1.render("#app");
    alert("Now the drop down does not work and the search button is no longer wired up");
});