functionality changes after inserting text to textarea
<p>my questions arises from <a href="http://stackoverflow.com/questions/5962094/insert-text-into-textarea-when-option-selected">this topic</a>.
I'm stumped and have been trying it for hours.
<a href="http://jsfiddle.net/J4Rkt/2/" rel="nofollow">This fiddle</a> shows a text which is inserted to a textarea when one of the options is chosen.</p>

<p>By typing some words in the textarea the text of the textarea will not change when I choose another option. That's ok. But when I delete the words the whole functionality is lost somehow.</p>

<p>If it helps you to understand what I mean and want I'll write a small 'testplan' because I'm absolutely stumped:</p>

<ol>
<li>Open <a href="http://jsfiddle.net/J4Rkt/2/" rel="nofollow">the fiddle</a> </li>
<li>Type 'A' after 'Text' in the textarea. </li>
<li>Select option 2
->'TextA' stays in the textarea</li>
<li>Now delete 'TextA'</li>
<li>Select option1
-> as you can see the textarea stays empty though I selected option 1</li>
</ol>

<p>How can I prevent from this behaviour?
The added words to the textarea shall stay all the time. But if thereis no addition, the behavior shall not change.</p>

<p>Have you got an idea?</p>
