title: How do we 'bind' a 'on' to multiple selectors at once?
body: <p>I wanted something similar to </p>
  
  <pre><code>$('#el1').bind({
      click,function(e){
          alert('clicked on el1');
      },
  })
  $('#el2').bind({
      click,function(e){
          alert('clicked on el2');
      },
  })
  </code></pre>
  
  <p>when using 'on' .
  I was looking for something like :</p>
  
  <pre><code>$(document).on({
      click:'el1',function(e){
          alert('clicked on el1');
      },
      click:'el2',function(e){
          alert('clicked on el2');
      }
  })
  </code></pre>
  
  <p>This does not work.</p>
  
  <p><strong>[edited]</strong><br/>
  I guess I need to be more clear. The different functions have nothing in common. Probably something like this would do :</p>
  
  <pre><code>$(document).on({
      click:'el1',function(e){
          alert('clicked on el1');
      },
      click:'el2',function(e){
          $('body').css('background-color','green');
      }
  })
  </code></pre>
  
  <p>I currently see using <code>switch case</code> solution to be the closest to the one I was looking for.</p>