title: Kendo UI Web - DropDownList: select event doesn't return selected value properly
body: <p>I am binding a <code>DropDownList</code> widget to <code>select</code> event like so:</p>
  
  <pre><code>var items = [
      { text: 'Item 3', value: '3' },
      { text: 'Item 4', value: '4' }
  ];
  
  var dropDownListEl = $('#dropdownlist');
  dropDownListEl.kendoDropDownList({
      dataTextField: 'text',
      dataValueField: 'value',
      index: 0
  });
  
  var kDropDownList = dropDownListEl.data('kendoDropDownList'),
      ds = kDropDownList.dataSource;
  
  items.forEach(function (item) {
      ds.add(item);
  });
  
  kDropDownList.bind('select', function (e) {
      console.log('this.value(): ' + this.value());
  });
  </code></pre>
  
  <p>But, it doesn't return the correct value when I do the selection.</p>
  
  <p>I have been trying almost every possibility there is, none is working. <a href="http://jsfiddle.net/glenn/gxJ3S/" rel="nofollow">http://jsfiddle.net/glenn/gxJ3S/</a></p>
  
  <p>It's driving me insane!</p>