title: jQuery .on() method with multiple event handlers & multiple selectors
body: <p>So I know that we can have multiple event handlers on the .on() method</p>
  
  <pre><code>$(document).on({
      'click': function (e) {
         // function
      },
      'hover': function (e) {
         // function    
      }
  });
  </code></pre>
  
  <p>but is there anyway we can add multiple selectors to each event handler?</p>
  
  <p>like this:</p>
  
  <pre><code>$(document).on('click', '#foo, .foo', function () { 
       // function
  });
  </code></pre>
  
  <p>but with multiple .on() methods:</p>
  
  <pre><code>$(document).on({
      'click', '#foo': function (e) {
         // doesn't work :(
      },
      'hover', '.foo': function (e) {
         // doesn't work :(    
      }
  });
  </code></pre>
  
  <p>Thanks in advance</p>