title: append an array to ul block - wrong?! jquery
body: <p>I have some problem with append array to a html: 
  I create an array with html, first element is "li", than "img" and last element is "/li"</p>
  
  <p>it returns </p>
  
  <pre><code>&lt;li&gt;&lt;/li&gt;
  &lt;img src="..."&gt;
  </code></pre>
  
  <p>but i need: </p>
  
  <pre><code>&lt;li&gt;
    &lt;img src="..."&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>here is <a href="http://jsfiddle.net/akdes/pzrLm2bb/" rel="nofollow">jsfeedle</a></p>
  
  <p>here js:</p>
  
  <pre><code>var items = [];
  items.push( "&lt;li class='cd-item'&gt;" );
  items.push( "bar" );
  items.push("&lt;/li&gt;");
  var itm = items.join(''); 
  $(".cd-items").append(itm);
  </code></pre>
  
  <p>what do i wrong?</p>
  
  <p>Thanks! </p>
  
  <p>Sorry for my English.</p>