title: Namespacing multiple events using jquery "on"
body: <p>Wondering what the correct method to namespace multiple events using jquery "on" ... </p>
  
  <p><strong>for example:</strong></p>
  
  <pre><code>$(".parent-selector").on({
  "mouseenter.namespace": function() {
      // mouseenter event
  },
  "mouseleave.namespace": function() {
      // mouseleave event
  }
  }, ".selector");
  </code></pre>
  
  <p>This is not working... If i remove the ".namespace" it does work.</p>
  
  <p><strong>Example of jquery on with working namespace:</strong></p>
  
  <pre><code>$(".parent-selector").on("mouseenter.namespace", ".selector", function() { });
  </code></pre>
  
  <p>I understand I can do both the mouseenter/mouseleave events seprately ... just curious if there is a way to pass namespaces through the object</p>
  
  <p>Thanks!</p>