title: on() vs live() click function on element that doesn't exist yet
body: <p>As far as I know, the <code>click()</code> method isn't working for me because the element I'm clicking does not exist on page load (DOM ready).</p>
  
  <p>I've found many answers suggesting to use <code>.live('click',function(){...})</code>. This works great!</p>
  
  <p>However, <code>.live()</code> is depreciated as of jQuery 1.7</p>
  
  <p>So, I've tried using <code>.on('click',function(){...})</code> instead, but it doesn't not work (acts the same as <code>.click()</code>.</p>
  
  <p>Does anyone know why, or what I can do to use <code>.on()</code> similarly to <code>.live()</code> (which works) ?</p>