title: Find selected item in Datalist in HTML
body: <p>I've a datalist something like this</p>
  
  <pre><code>&lt;input list="browsers"&gt;
  
  &lt;datalist id="browsers"&gt;
    &lt;option id="op1" value="Internet Explorer"&gt;
    &lt;option id="op2" value="Firefox"&gt;
    &lt;option id="op3" value="Chrome"&gt;
    &lt;option id="op4" value="Opera"&gt;
    &lt;option id="op5" value="Safari"&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p>I'm adding "option" using jquery to datalist. Now the question is how can i find which option is selected/clicked by the user in datalist. I want to get the id of option as soon as it is is selected/clicked by user?</p>