title: Jquery .on versus .live
body: <p>I know that <strong><code>.live()</code> is now deprecated</strong> but I cannot seem to change it and keep the functionality.</p>
  
  <p>I just have a quick question about the <code>.on()</code> function in jQuery. I'm currently using <code>.live()</code> <a href="http://jsfiddle.net/Skooljester/unwsr/18/">here</a></p>
  
  <p>Like so: </p>
  
  <pre><code>$('table tr th').live("click", function() {
  });
  </code></pre>
  
  <p>But, when I try and replace <code>.live()</code> with <code>.on()</code> it no longer works as it's supposed to.</p>
  
  <p>I've tried putting in </p>
  
  <pre><code>$('table tr th').on("click", function() {
  });
  </code></pre>
  
  <p>as well as </p>
  
  <pre><code>$('table tr').live("click", "th", function() {
  });
  </code></pre>
  
  <p>and </p>
  
  <pre><code>$('table tr').delegate("th", "click", function() {
  });
  </code></pre>
  
  <p>but to no avail.</p>
  
  <p>Why is this and what steps can I take to make it work properly?</p>