title: jquery append() not working on dynamically added elements
body: <p>Consider the HTML</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Default item&lt;/li&gt;
      &lt;li&gt;Default item&lt;/li&gt;
  &lt;/ul&gt;
  &lt;button&gt;Append&lt;/button&gt;
  </code></pre>
  
  <p>and the jQuery code</p>
  
  <pre><code>$('button').live('click', function(){  //This action is done by an external script.
      $('ul').append('&lt;li&gt;Added item&lt;/li&gt;'); 
  });
  
  $('ul li').append('&lt;b&gt; x&lt;/b&gt;'); // This action is done by me
  </code></pre>
  
  <p>The thing is, I need to append the "x" mark to all newly added elements to the dom. </p>
  
  <p>In this case only default elements are appended with the "x" mark.</p>
  
  <p>Newly added elements are not appended by "x". </p>
  
  <p>I am sure the work will be simple, but cant get it right !!</p>
  
  <p>Live example - <a href="http://jsfiddle.net/vaakash/LxJ6f/1/" rel="noreferrer">http://jsfiddle.net/vaakash/LxJ6f/1/</a></p>