title: jQuery .on does not work but .live does
body: <p>Since the live() method is deprecated as of version 1.7, I started going through my source and converting all of my live event handlers over to on(). I was under the impression that the change would be simple and everything would work as it had before; however, I ran into some code that doesn't behave as it should.</p>
  
  <p>I have the following jQuery select to bind the click event of a table tag...</p>
  
  <pre><code>$('table.accordion-header').live("click", function ($e) {
    // gobs of code
  }
  </code></pre>
  
  <p>... and it works just fine (ie - my table tag click event is raised even after asynchronous postbacks on the page occur). But if I change the code to the following</p>
  
  <pre><code>$('table.accordion-header').on("click", function ($e) {
    // gobs of code
  }
  </code></pre>
  
  <p>then the click event is no longer raised after any asynchronous postbacks on the page occur. Please note - the click event does work up to any asynchronous postbacks, <strong>but afterwards it no longer works</strong>. So what am I missing here?</p>