jquery change event - what's wrong?
<p>Simple question - </p>

<p>When I run the below (really trivial mocked up so I can post here) page in Firefox (haven't tested others) I get a "ready" alert, but I never get a change event from the select element. I've got code on other pages where this seems to work. </p>

<p>I see no errors in firebug or in FF's error console. What am I doing wrong?</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;body&gt;
&lt;select id="SeachFor" name="SearchFor"&gt;
&lt;option id="0" value="0" selected="selected"&gt;Customer Number&lt;/option&gt;
&lt;option id="1" value="1"&gt;Email Address&lt;/option&gt;
&lt;/select&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        alert("ready");
        $("#SearchFor").change(function (evt) {
            alert("changed");

        });
    });
&lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p></p>
