title: jQuery .on function for future elements, as .live is deprecated
body: <p>I need to add a handler for the <code>click</code> event of future <code>&lt;div&gt;</code> elements, that don't exist yet.  Normally, I would use jQuery's <code>.live</code> function to handle this, but it seems that it is now deprecated in favor of <code>.on</code>.</p>
  
  <p>To use the <code>.on</code> method in this manner, jQuery suggests setting the selector parameter, to allow creating a delegated event, and offers this example code:</p>
  
  <pre><code>$("#dataTable tbody").on("click", "tr", function(event){
      alert($(this).text());
  });
  </code></pre>
  
  <p>That's all fine and good, but what do I put in for my intial selector, where they have <code>#dataTable tbody</code>?  Note that <code>$.on()</code> doesn't work.</p>