Namespacing multiple events using jquery "on"
<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>
