I have a series of Kendo UI Jquery DropDownLists. When one is selected, the change event fires and makes an ajax call to get the next list's options. This works fine when a user manually selects one and then the next, however I have a button that will auto populate all lists with selected options via the .value(123) and .trigger("change") calls. Unfortunately, the trigger event doesn't wait for the change to finish before calling the next set of .value(234) and .trigger("change") events. How can I fix this?
Here is an example DoJo. In it, note that if you click "Choose Florida" when "south" is not already selected you get nothing. Also note that the console is logging "Looing for Florida" before it logs "Now I have the states".