template dropdown problem to display and bind to a grid

[Colin]

 It is weird, I need tech support to have this check, wondering if anything wrong inside the below script to make code fail to display.

debug error: Uncaught TypeError: Object [object Object] has no method 'prop'

Thanks

<div id="grid"></div>
    
<script type="text/x-kendo-template" id="template">
       <input type="search" id="category"></input>
</script>

<script>
$(document).ready(function () {
    var grid = $('#grid').kendoGrid({
        dataSource: datasource,
        toolbar: kendo.template($("#template").html()),
    });

    var dropDown = grid.find("#category").kendoDropDownList({
        dataTextField: "CategoryName",
        dataValueField: "CategoryID",
        autoBind: false,
        optionLabel: "All",
        dataSource: categoryDataSource,
        change: function () {
            var value = this.value();
            if (value) {
                grid.data("kendoGrid").dataSource.filter({ field: "CategoryID", operator: "eq", value: parseInt(value) });
            } else {
                grid.data("kendoGrid").dataSource.filter({});
            }
        }
    });
</script>

[Colin]

Alright, the script itself is no problem at all. problem is the jQuery version, as soon as replacing v.1.5.x which is default add to MVC project  with v.1.6.x, problem with weird error message gone.

hope this could save some of your dev time.