When cloning, change selected option in jQuery
<p>This is what I got:</p>

<p><a href="http://jsfiddle.net/XSX8G/1/" rel="nofollow">http://jsfiddle.net/XSX8G/1/</a></p>

<p>Now, you can see all the selected options are Blue.</p>

<p>This should only apply to the FIRST select.</p>

<p>So then there's 3 remains, and I wish to load from the ChosenOptions array:</p>

<pre><code>var chosenOptions = ['Black', 'Red', 'Black'];
</code></pre>

<p>So the first loop should take the option that has value "Black" and mark to SELECTED. </p>

<p>Then the second loop it should be the "Red" selected, and third loop it should be Black again.</p>

<p>Which does that when it is done loading it has these as Marked in the 4 selects:</p>

<pre><code>Blue, Black, Red, Black
</code></pre>

<p>How can I do this? This should not be made static for only just 3 array keys, and it should not forget the selected values when you increase from 4 to 5.. </p>

<p>Thanks!!</p>
