title: jQuery, count number of dynamicly added <li> in <ul>
body: <p>I have a list of LI in a UL, they are all dynamically added via jQuery. I am trying to alert the number of LI in this list. Right now I can only get it to alert 0. I think it is because its trying to count the original number on load? here is my code and fiddle: </p>
  
  <p><a href="https://jsfiddle.net/ts7Lwbfs/1" rel="nofollow">https://jsfiddle.net/ts7Lwbfs/1</a></p>
  
  <pre><code>&lt;ul id="list"&gt; 
      &lt;li&gt;original&lt;/li&gt;
  &lt;/ul&gt;
  
  var familly = []
  familly.push('&lt;li&gt;1&lt;/li&gt;');
  familly.push('&lt;li&gt;2&lt;/li&gt;');
  familly.push('&lt;li&gt;3&lt;/li&gt;');
  familly.push('&lt;li&gt;4&lt;/li&gt;');
  
  $('#list').prepend(familly);
  
  $('#list').on('click', 'li', function(ev){ 
      var howMany = $('#list').length; 
      alert(howMany);
  });
  </code></pre>
  
  <p>How can I get it to alert the total number of LI after they are dynamically added?</p>