title: Two onChange events on Materializecss Autocomplete
body: <p><strong>Scenario:</strong> </p>
  
  <p>I'm using Materializecss autocomplete, when i select an item from the autocomplete box, an onchange event should be triggered.</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col s12"&gt;
      &lt;div class="row"&gt;
        &lt;div class="input-field col s12"&gt;
          &lt;input type="text" id="autocomplete-input" class="autocomplete" onchange="sendItem(this.value)"&gt;
          &lt;label for="autocomplete-input"&gt;Autocomplete&lt;/label&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $('input.autocomplete').autocomplete({
    data: {
      "Apple": null,
      "Microsoft": null,
      "Google": 'http://placehold.it/250x250'
    },
    limit: 20, 
  });
    function sendItem(val) {
      console.log(val);
    }
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Issue:</strong></p>
  
  <p>When i type "AP" and selects "APPLE" from the autocomplete, i need one onchange event to be triggered passing the value "APPLE" but the above program triggers onchange event twice, one passing "AP" and the next passing "APPLE". How can i trigger the latter event. Any advice would be helpful. Thank you.</p>
  
  <p><a href="https://jsfiddle.net/varanjith/e1jmj2c3" rel="nofollow noreferrer">here is a working jsfiddle program.</a></p>