replacing jquery.live() with jquery.on() doesn't work
<p>I have several textboxes that are added dynamically after an ajax call. These boxes are tied to event handlers with .live() that currently work fine. I want to replace that with the newer .on() function.</p>

<p>This is what I have</p>

<pre><code>$('.MyTextBox').live({
  mouseenter: function () { .... },
  mouseleave: function () { .... },
  blur: function () { ... }
});
</code></pre>

<p>When I replace .live() with .on() it doesn't work; the textboxes don't display their normal behavior after they're added.</p>

<p>If I write  <code>$('#MainDiv .MyTextBox').live({...</code> , where MainDiv is the top DOM element where all the action happens, nothing happens either.</p>

<p>What am I missing?</p>

<p>Thanks</p>
