Add new list row based on drop down selection
<p>I am trying the following. </p>

<p>I have the function that displays a hidden list based on the dropdown selecttion. </p>

<p>Please visit here to see it:</p>

<p><a href="http://jsfiddle.net/vSyK6/28/" rel="nofollow">http://jsfiddle.net/vSyK6/28/</a></p>

<p>What I am trying to do is when Option1 is selected, it will display the content of #List-Option1 Content and if Option2 is selected it will display content #List-Option2.</p>

<p>Now, what I want to accomplish is when both content is displayed and if you select again of the options it should add another list with the option selected.</p>

<p>Basically if we go by this order:</p>

<p>Option1....then<br>
Option2....then<br></p>

<p>We select again Option1 and it should display like this</p>

<p>Option1 Content<br>
Option2 Content<br>
Option1 Content<br></p>

<p>if we select Option2 again it should display like this:</p>

<p>Option1 Content<br>
Option2 Content<br>
Option1 Content<br>
Option2 Content<br></p>

<p>Right now what it does it displays the selected item in the last row of the list. It doesn't add a new list row. This function of course is not implemented. I need the solution for that :-)</p>

<p>Hope i make sense :)</p>

<p>Any help is appreciated</p>
