title: How to filter a drop down list based on previous selection
body: <p>I am having two dropdown lists  in my view.One is country  and another is State.When i click on and select some Country,the respective States of that country must appear in the State dropdown
  I am using kendo dropdown list and was able to fetch the dropdown values using kendo datasource
  i used the following functionality for filtering,but data is not getting  filtered.
  Could any help me where i went wrong or suggest me some idea on how to do this</p>
  
  <pre><code>enter code here
  
        var sourcedata = new kendo.data.DataSource({
  
                    type: "odata",
                    serverFiltering: true,
  
                    transport: {
  
                        read:
  
                        {
                            url: "/Home/State",
                            type: "POST"
                        }
                    }
                });
  
                $("#cnty").kendoDropDownList({
                    optionLabel: "Select category...",
                    dataTextField: "ct",
                    dataValueField: "country",
                    dataSource: {
                        type: "odata",
                        serverFiltering: true,
                        transport: {
                            read: "/Home/Country"
                        }
                    },
                    change: function () {
                        var value = this.value();
  
                        if (value) {
                            sourcedata.filter({
                                field: "country",
                                operator: "eq",
                                value: parseInt(value)
                            });
                            st.enable();
                        } else {
                            st.enable(false);
                        }
  
                        st.select(0);
  
                    }
               });
  </code></pre>
  
  <p>Thanks!</p>