Combobox event is not geting invoked
<p>On click of a button a Combo Box gets displayed and on select of a Combo Box .
The change event is not getting called .</p>

<p>Please let me know where i am making the mistake .</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="jquery17.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script&gt;
  $("select").change(function(){
        alert(this.id);
    });

$(document).ready(function(){
  $("button").click(function(){
   var s = $('&lt;select /&gt;');
   var data = {
    'foo': 'bar',
    'foo2': 'baz'
}
for(var val in data) {
   $('&lt;option /&gt;', {value: val, text: data[val]}).appendTo(s);
}
s.appendTo('body');
 });
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="div1"&gt;&lt;/div&gt;
&lt;button&gt;Get External Content&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
