<ul id="example">
       <li><label>Product Name</label><input type="text"></li>
       <li><label>Product Size</label><input id="product-size" data-bind="value:selectedSize></li>
    </ul>
<script src="product.js"></script>

kendo.bind($("#example"), viewModel);

$("#color").kendoDropDownList({
                        dataTextField: "text",
                        dataValueField: "value",
                        dataSource: data,
                        index: 0,
                        change: onChange
                    });

var viewModel = kendo.observable({
        selectedSize: null,
};