title: JQuery event handler with or without on?
body: <p>If I have a dropdown in my html document looking like this:</p>
  
  <pre><code>&lt;select id="myDropdown"&gt;
    &lt;option value="apple"&gt;Apple&lt;/option&gt;
    &lt;option value="orange"&gt;Orange&lt;/option&gt;
    &lt;option value="banana"&gt;Banana&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and I want to hook up on the change event with JQuery, then both of these approaches seem to work with JQuery:</p>
  
  <pre><code>$("#myDropdown").change(function () {
     // Do something
  });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$('#myDropdown').on('change', function () {
     // Do something
  });
  </code></pre>
  
  <p>What is the difference between these two, and is one of them to prefer?</p>