DDL hidden after initialization

by krustev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
here is the DDL: <input id="titles"/>

JavaScript

$("#titles").kendoDropDownList({
    dataTextField: "name",
    dataValueField: "id", 
    dataSource: new kendo.data.DataSource({ 
        type: "xml",                   
        data: "<NewDataSet>" +
                   "<titles>" +
                       "<id>1</id>" +
                       "<name>Test1</name>" +
                   "</titles>" +
                   "<titles>" +
                       "<id>2</id>" +
                       "<name>Test2</name>" +
                   "</titles>" +
               "</NewDataSet>",
        schema: {
            type: "xml",
            data: "/NewDataSet/titles",
            model: {
                fields: {
                    id: "id/text()",
                    name: "name/text()"
                }
            }
        }
    })                       
});                  

$("#titles").closest(".k-widget").hide();