title: Remote Kendo Auto Complete not working
body: <p>I am new to kendo and was trying to implement a custom editor for a Kendo grid column, which is a kendoAutoComplete.</p>
  
  <p>I was successfully able to get the data from the backend, having enabled serverFiltering to true, but ultimately  the data is not getting binded.</p>
  
  <p>Here is the code:</p>
  
  <p>Custom Editor Implementation:</p>
  
  <pre><code>$('&lt;input class="auto-mat" data-value-field="MAT" data-bind="value:' + options.field + '"/&gt;')
              .appendTo(container)
              .kendoAutoComplete({
                  autobind: true,
                  suggest: true,
                  filter: "contains",
                  minLength: 3,
                  dataTextField: "DES",
                  dataValueField: "MAT",
                  dataSource: new kendo.data.DataSource({
                      //serverFiltering: true,
                      transport: {
                          read: {
                              dataType: "odata",
                              url: utils.serverURL() + '&amp;event=SEARCH&amp;field=' + options.field,
                              data: {
                                  value: function(){
                                      return $('.auto-mat .k-input').data('kendoAutoComplete').value();
                                  }
                              }                                
                          }                           
  
                      },
                      schema: {
                          data: function (response) {                                
                              return response.data;
                          }
                      }
                  })
              });
  </code></pre>
  
  <p>And the data from the backend comes in this manner:</p>
  
  <pre><code>{"DATA":[{"MAT":"111","DES":"COAL"},{"MAT":"222","DES":"TEXT1"}]}
  </code></pre>
  
  <p>Please tell me where I am going wrong.</p>