title: jquery change event does not fire for dynamic generated dropdown
body: <p>i generate one dropdown box through button click event. In this dropdown onchange event does not fire. Can anyone help me why this is heapped? code is below</p>
  
  <pre><code>    &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          jQuery(document).ready(function($) {
  
          $('#pin').click(function() {
              var content='&lt;select class="pincode"&gt;&lt;option value="1"&gt;1&lt;/option&gt;&lt;option value="2"&gt;2&lt;/option&gt;&lt;/select&gt;';
              $("#test").append(content);
  
              });
          $(".pincode").change(function(){
              alert($(this).val());
          });     
          });
      &lt;/script&gt;
      &lt;style type="text/css"&gt;
          div {
              padding: 35px;
              float: left;
          }
          }
      &lt;/style&gt;
      &lt;title&gt;New Web Project&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Dynamic Drop Down using jQuery&lt;/h1&gt;
      &lt;div&gt;
          &lt;select class="pincode"&gt;
              &lt;option value="1"&gt;1&lt;/option&gt;
              &lt;option value="2"&gt;2&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  
      &lt;div id="test"&gt;&lt;/div&gt;
      &lt;input type="button" id="pin" value="pin" /&gt;
  </code></pre>