title: KendoUI: MVVM Autocomplete Events
body: <p>I was searching all over but couldn't find an answer to my question. I'm initializing an autocomplete widget as the following:</p>
  
  <p>This code is loaded into my DOM as a result of an Ajax request:</p>
  
  <pre><code>&lt;div id="view_ticketCreate"&gt;
      &lt;form id="jar_ticketing_create"action="" class="k-block jar-container"&gt;
          &lt;fieldset class="login"&gt;
              &lt;legend&gt;Kontaktinformationen&lt;/legend&gt;
              &lt;p class="notice"&gt;Definieren Sie hier die Kontaktinformationen zu diesem Ticket.&lt;/p&gt;
              &lt;p&gt;
                  &lt;label&gt;Kunde&lt;/label&gt;
                  &lt;input data-role="autocomplete" data-bind="source: customers, events{click: inject}" data-text-field="CName" placeholder="Suchen Sie nach dem Kunde" type="text" id="jtc_cID" class="k-textbox sourced"&gt;
              &lt;/p&gt;
              &lt;p&gt;
                  &lt;label&gt;Kontakt&lt;/label&gt;
                  &lt;input type="text" name="jtc_cName" class="k-textbox"&gt;
              &lt;/p&gt;
              &lt;p&gt;
                  &lt;label&gt;E-Mail&lt;/label&gt;
                  &lt;input data-bind="value: cMail" type="text" name="jtc_cMail" class="k-textbox"&gt;
              &lt;/p&gt;
              &lt;p&gt;
                  &lt;label&gt;Telefon&lt;/label&gt;
                  &lt;input data-bind="value: cPhone" type="text" name="jtc_cPhone" class="k-textbox"&gt;
              &lt;/p&gt;
              &lt;p&gt;
                  &lt;label&gt;Gerät&lt;/label&gt;
                  &lt;select name="dID" class="k-textbox sourced"&gt;
                    &lt;option value="000"&gt;Nicht geräte spezifisch&lt;/option&gt;
                    &lt;option value="001"&gt;CFBS01&lt;/option&gt;
                    &lt;option value="002"&gt;CFBS02&lt;/option&gt;
                    &lt;option value="003"&gt;CFBS03&lt;/option&gt;
                    &lt;option value="004"&gt;CFBS04&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/p&gt;
              &lt;p&gt;
                  &lt;label&gt;Login&lt;/label&gt;
                  &lt;input type="text" name="cLogin" class="k-textbox"&gt;
              &lt;/p&gt;
          &lt;/fieldset&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;script&gt;
        kendo.bind($("#view_ticketCreate"), view_ticketCreate);
  &lt;/script&gt;
  </code></pre>
  
  <p>in my main (an always loaded) JS file i got:</p>
  
  <pre><code>var view_ticketCreate = kendo.observable({
         customers: new kendo.data.DataSource({
             transport: {
                 read: {
                     url: "http://server/API/customers/search/",
                     dataType: "jsonp",
                     contentType: "application/json; charset=utf-8"
                 },
                 parameterMap: function(options, operation) {
                     return {
                         SearchTag: options.filter.filters[0].value
                     }
                 }
             },
             schema: {
                 data: "data"
             },
             serverFiltering: true,
             dataTextField: "CName",
              select: function(e){
                  if (e.item == null) return;
                  var DataItem = this.dataItem(e.item.index())
                  cPhone: DataItem.Telefon
              }
         }),
         inject: function(e){
             alert('ok')
         },
         cPhone: "0123456789",
         cMail: "asd@asd.de"
  });
  </code></pre>
  
  <p>However,  the autocomplete search works perfect. But now I want to populate the fields jtc_cMail and  jtc_cPhone with values from my autocomplete request. But either the select: Function is working (not allowed here (guess because MVVM?), also the custom event inject is fireing.</p>
  
  <p>I couldn't find anything how I need to go on. Please help me out.</p>
  
  <p>Greetings</p>