title: JQuery - Fastest possible way of appending list items to list
body: <p>I have some jquery that works fine, but I'd like to highly optimize it. Basically I'm
  doing standard appending list items to unordered lists. Can anyone recommend the fastest
  way to optimise the following code e.g. createDocumentFragment ?</p>
  
  <pre><code>for (key in data) {
       li = $('&lt;li&gt;&lt;span class="item"&gt;' + data[key]["Name"] + '&lt;/span&gt;&lt;img src=' +   options.deleteIcon + ' alt="remove" class="delete"/&gt;&lt;/li&gt;');
       $('.item', li).data('ID', data[key]["Id"]);
       $(list).append(li);
  }
  </code></pre>