title: How to use jQuery .on() method declaring grouped events to recognize future elements?
body: <p>I have the following structure:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select name="var" id="myselect"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="1"&gt;Value 1&lt;/option&gt;
      &lt;option value="2"&gt;Value 2&lt;/option&gt;  
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$("#myselect").on({
      click: function(){
          console.log("event click fired!");
      },
      change: function(){
          console.log("event change fired!");
      }
  });
  </code></pre>
  
  <p>The events aren't firing because the <code>select</code> is being created dynamically after the page load.</p>
  
  <p>Someone knows how to use <a href="http://api.jquery.com/on/" rel="nofollow">.on()</a> to recognize future elements with grouped events?</p>