title: Modify Dynamically Created (jQuery) Elements
body: <p>I have this <code>&lt;li&gt;</code>, that when you click it, it creates another <code>&lt;li&gt;</code> before it (with a bunch of classes applied to it), which is all working great.. Problem is, I can't modify (via jQuery) the newly created <code>&lt;li&gt;</code> elements because they were created dynamically.</p>
  
  <p>Currently, it is setup as:</p>
  
  <pre><code> $(".foo").on("click", function() {
  //Blah blah blah
  });
  </code></pre>
  
  <p>And I have already tried the code below instead, which still did not work.</p>
  
  <pre><code>$(".foo").on("click", function() {
  //Blah blah blah
  });
  </code></pre>
  
  <p>Thanks for your help in advance!</p>