title: Get id from select box
body: <p>I have multiple select boxes whithin a form like this:</p>
  
  <pre><code>&lt;form action="foo" method="post" id="form"&gt;
      &lt;select id="one"&gt;
          &lt;option value="foo1"&gt;&lt;/option&gt;
          &lt;option value="foo2"&gt;&lt;/option&gt;
          &lt;option value="foo3"&gt;&lt;/option&gt;
        &lt;/select&gt;
        &lt;select id="two"&gt;
            &lt;option value="bar1"&gt;&lt;/option&gt;
            &lt;option value="bar2"&gt;&lt;/option&gt;
            &lt;option value="bar3"&gt;&lt;/option&gt;
        &lt;/select&gt;
        &lt;select id="three"&gt;
            &lt;option value="baz1"&gt;&lt;/option&gt;
            &lt;option value="baz2"&gt;&lt;/option&gt;
            &lt;option value="baz3"&gt;&lt;/option&gt;
        &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Now, if any of these three boxes change, I wanna know which one of them. I tried it like the following, but I only get the id of the first box. Do I have to write it for each select or is there a way to get the id of the changed select box?</p>
  
  <pre><code>$(document).ready(function() {
      $('#form').change(function() {    
          var strChosen = $('select').attr('id');    
          alert(strChosen);    
      });  
  });
  </code></pre>