title: jQuery: Why does .change() not trigger an event
body: <p>I am putting some content read through ajax in a <code>div</code>.
  The content has certain script tags which are used to bind some events on some element contained in the ajax content.
  <br/>
  <strong>Ajax Content:</strong>
  <br/></p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;
          &lt;select id='mySelectBox'&gt;
              &lt;option value="1"&gt;ONE&lt;/option&gt;
              &lt;option value="2" selected="selected"&gt;TWO&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
           $(document).on("change",'#mySelectBox',function(){
              alert($('#mySelectBox').val());
           }); 
          $('#mySelectBox).change(); //problem here....
          &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The change event is bind and working correctly when i change the value of <code>'#mySelectBox'</code>.
  But here in <code>$('#mySelectBox).change();</code> statement which triggers the change event immediately after it is bind is not getting called.</p>
  
  <p>what might be the problem.?</p>