title: jQuery change event on dropdown
body: <p>I just added the query lib to my web app and tested with simple alert:</p>
  
  <pre><code>&lt;script src="&lt;c:url value="/resources/jquery-1.10.2.min.js" /&gt;"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
              $(function(){
                  alert('jquery is working');
              }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>And works fine. However when i want to implement an "change" event on my dropdown</p>
  
  <pre><code>&lt;script src="&lt;c:url value="/resources/jquery-1.10.2.min.js" /&gt;"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
          $("#projectKey").change(function() {
              alert($('option:selected', $(this)).text());
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>it displays me no alert, basically nothing is happening. My drop down is the following: </p>
  
  <pre><code>&lt;select id="projectKey" name="projectKey"&gt;
      &lt;option value="AM"&gt;AM&lt;/option&gt;
      &lt;option value="AIL"&gt;AIL&lt;/option&gt;
      &lt;option value="NEB"&gt;NEB&lt;/option&gt;
      &lt;option value="SSP"&gt;SSP&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Of course i tried to simplify the javascript, just o have </p>
  
  <pre><code>$("#projectKey").change(function() {
              alert("test");
  });
  </code></pre>
  
  <p>but still no joy. It will be something with the selector or the drop down. Tried also "select#projectKey" but the result was of course the same. Any idea what i am doing wrong?</p>