title: Get selected value in autocomplete dropdown
body: <p>I'm using awesomplete plugin to get an autocomplete dropdown. I'm able to get the dropdown working, however I find no straightforward way in accessing the value selected!</p>
  
  <p>Here's the jsfiddle: <a href="https://jsfiddle.net/8y8xpqfk/1/" rel="nofollow">https://jsfiddle.net/8y8xpqfk/1/</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Auto complete&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/awesomplete.css"/&gt;
      &lt;script src="js/awesomplete.js" async&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;input class="awesomplete" list="mylist" onchange="callMe()"/&gt;
              &lt;datalist id="mylist"&gt;
                  &lt;option&gt;Ada&lt;/option&gt;
                  &lt;option&gt;Java&lt;/option&gt;
                  &lt;option&gt;JavaScript&lt;/option&gt;
                  &lt;option&gt;Brainfuck&lt;/option&gt;
                  &lt;option&gt;LOLCODE&lt;/option&gt;
                  &lt;option&gt;Node.js&lt;/option&gt;
                  &lt;option&gt;Ruby on Rails&lt;/option&gt;
              &lt;/datalist&gt;
          &lt;/td&gt;
  &lt;/table&gt;
  
  &lt;script&gt;
      var callMe = function () {
          alert("Something selected..");
      }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The function never gets called, <code>onchange</code> is not triggered!</p>