jquery - クリック時に入力フィールドの既存の値に追加の値を追加する - jQuery

Question

タグボタンでこの入力フィールドを取得しました

<input id="demooutput" type="text" size="15" value="My Text" name="demo" />
<span class="demooutput">
    <a href="#" class="button orange"> A</a>
    <a href="#" class="button orange"> B</a>
    <a href="#" class="button orange"> C</a>
    <a href="#" class="button orange"> D</a>
    <a href="#" class="button orange"> E</a>        
</span>

このjQueryコードで、値を入力に追加します

$('.demooutput a').click(function(){
    $('#demooutput').val($(this).html());
    return false;
});

しかし、ボタンをクリックするたびに既存の値をクリアします

入力からの既存の値に加えて、ボタンからの値を追加したい

例 who i want it

My Text A (by click on A)
My Text A B (by click on A and B)
My Text B C E (by click on B, C and E)
and so on..

JSFIDDLE のデモを見る