title: .change() vs .on( "change", handler ) in jQuery
body: <p>I have an issue when I use jQuery to handle the trigger of change on my drop-down.</p>
  
  <p>I use 2 pieces of code:</p>
  
  <pre><code>//---------- Case 1
  $(document).on("change", "#drop-down-id", function () {
      alert(this.value);
  });
  //----------Case 2
  $("#drop-down-id").change(function () {
      alert(this.value);
  });
  </code></pre>
  
  <p>The first one running smoothly, but the second one is not triggered when I start the browser, but after I refresh my site, it works.</p>
  
  <p>Do you have any idea?</p>
  
  <p>My jQuery version: 1.11.1, and I've tested on Chrome 38, Firefox 32 and IE 11.</p>
  
  <p>-- Edit:
  @JanR &amp; Cheery: It seems like this:</p>
  
  <pre><code>&lt;select id="drop-down-id"&gt;
      &lt;% arr.each do |option| %&gt;
          &lt;option value="&lt;%= option %&gt;"&gt;&lt;%= option %&gt;&lt;/option&gt;
      &lt;% end %&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I've used Rails 4.1 and <em>arr</em> is an array contains numbers.</p>
  
  <p>-- Edit:
  I found out that the issue came from the Asset Pipeline of Rails, not the jQuery.</p>
  
  <p>I put the JS code inside a script tag and it works in both case, but when I put it in the assets folder, the issue happens.</p>
  
  <p>Thank you for your quick replies!</p>