title: Proper use of .on method in Jquery
body: <p>I really liked the .live method as it was straightforward and essentially not much different than your standard event handler.</p>
  
  <p>Alas, it was deprecated and I'm left with the .on method.</p>
  
  <p>Basically, I'm loading and dynamically loading content that I'll need the same event handler triggered on.  Rather than add the event handler twice or however many times.  .live was great for this, but .on has replaced it and I just can't seem to get it to work.</p>
  
  <p>check this code:</p>
  
  <pre><code>jQuery('#who_me').live('click', function(){
          alert('test123');
          return false;
      });
  </code></pre>
  
  <p>should be the same as:</p>
  
  <pre><code>jQuery('#who_me').on('click', function(){
          alert('test123');
          return false;
      });
  </code></pre>
  
  <p>but when I replace content with the .html method after an ajax call only the live method works.</p>
  
  <p>Can anyone clear this up for me?</p>