Chrome multiple change event on select

by beneverard

HTML

<p>Type '127'</p>
<p>Notice how multiple change events fire</p>
<select>
    <option>111</option>
    <option>123</option>
    <option>127</option>
    <option>166</option>
</select>
<ul></ul>

JavaScript

$(document).ready(function() {
    
    $('select').on('change', function() {
       $('ul').append('<li>Changed!</li>'); 
    }).focus();
    
});