title: JQuery append array value to each list item
body: <p>I have an unordered list like this:</p>
  
  <pre><code>&lt;ul id="names-list"&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Lets say I want to add a name from this list to each of the <code>&lt;li&gt;</code> items:</p>
  
  <pre><code>var names = [ "Jon", "Nick", "Bill", "Tom" ];
  </code></pre>
  
  <p>And my code is like this:</p>
  
  <pre><code>$('#names-list li').each(function () {
   $(this).append(names);
  });
  </code></pre>
  
  <p>But from some reason it doesn't work. Can someone tell me what am I doing wrong? Thanks.</p>