title: How do I get the change event for a datalist?
body: <p>I am using a datalist and need to detect when the user selects something from the drop-down list. <a href="https://stackoverflow.com/questions/16027746/jquery-event-when-html5-datalist-option-is-clicked">A similar question has been asked</a> BUT I need it so that the event fires ONLY when the user selects something from the datalist. If they type something in the input then I do NOT want the event to fire. (Notice in the accepted answer to the question I linked that they bind the input, which is not what I want). I've tried (with no success):</p>
  
  <pre><code>&lt;datalist&gt;
      &lt;option&gt;Option 1 Here&lt;/option&gt; 
      &lt;option&gt;Option 2 Here&lt;/option&gt;
  &lt;/datalist&gt;
  
  
  $(document).on('change', 'datalist', function(){
     alert('hi');
  });
  </code></pre>
  
  <p>EDIT:
  This question is different than the suggested question because it's a completely different question.</p>