jquery does not react on select/option change event

Question

Can someone please tell me where the mistake is, I just can't see it. 'e1 has changed' should be logged to the console when the select changes.

html:

<select name="e1" id="e1">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

js:

$('#e1').change(function() {
    console.log('e1 has changed');
});

jquery is definitely working since I'm successfully "getting" server data for other elements.

Answer 1

This code

$('#e1').change(function() {
    console.log('e1 has changed');
});

is likely not in your document ready handler, and is therefore being run before your dom element e1 is ready. You can create a document ready handler, which will run when your dom elements are ready, like this

$(function() {
    $('#e1').change(function() {
        console.log('e1 has changed');
    });    
});

Answer 2

Works for me. Here is the jsFiddle code -

http://jsfiddle.net/CC5P6/

$(document).ready(function() {
  $('#e1').change(function() {
    alert('e1 has changed');
  });
});

Answer 3

I you haven't done so already you should wrap your code in the $(document).ready(:

 $(document).ready(function() {
    $('#e1').change(function() {
       console.log('e1 has changed');
    });
 });