title: how to "refresh" UL after adding new LI with jQuery?
body: <p>I think it's similar to <a href="https://stackoverflow.com/questions/5925810">this question</a>, but my problem is about jQuery and HTML5. I'm adding a <code>&lt;LI&gt;</code> element to <code>&lt;UL&gt;</code> and links (<code>&lt;a href=".."&gt;</code>) added inside apears as plain text, not clickable. Besides that, images are not visible, while <code>&lt;img src=".."&gt;</code> elements are being added propertly. </p>
  
  <p>Looks like I need some "refresh" trick to do after using <code>append()</code>. Which one?</p>
  
  <p>This is my code, just in case:</p>
  
  <pre><code>$('ul').append($('&lt;li/&gt;').append($('&lt;img/&gt;').attr('src', 'http://example.com')));
  </code></pre>
  
  <p>The image is not visible, while HTML is being build correctly. I'm trying in Safari 5.1 on Mac.</p>
  
  <p>BTW, everything works perfectly fine in Firefox 10.0. Maybe the actual problem is that I'm using XML+XSL formatting in Safari and plain HTML5 in Firefox..</p>