Loop through array and retrieve values
<p>I am trying to loop through an array and then loop through a list.</p>

<p>The issue I am having is for each <code>&lt;li&gt;</code> the entire array is being appended, but what I need to happen is index(0) of array gets added to the 1st li, index(1) to the 2nd li and so on.</p>

<p>Code: </p>

<pre><code>// Create our test array.
var arrValues = [ "one", "two", "three" ];

// Loop over each value in the array.
$.each(arrValues,function( intIndex, objValue ){
    $("#list span").each(function() {
        $(this).append(objValue);
    });
});
</code></pre>

<p>current output: </p>

<pre><code>&lt;ul id="list"&gt;
        &lt;li&gt;Content 1 here&lt;span&gt;onetwothree&lt;/span&gt;&lt;/li&gt;
        &lt;li&gt;Content 2 here&lt;span&gt;onetwothree&lt;/span&gt;&lt;/li&gt;
        &lt;li&gt;Content 3 here&lt;span&gt;onetwothree&lt;/span&gt;&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>required output: </p>

<pre><code>&lt;ul id="list"&gt;
        &lt;li&gt;Content 1 here&lt;span&gt;one&lt;/span&gt;&lt;/li&gt;
        &lt;li&gt;Content 2 here&lt;span&gt;two&lt;/span&gt;&lt;/li&gt;
        &lt;li&gt;Content 3 here&lt;span&gt;three&lt;/span&gt;&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>Appreciate any help :)</p>
