jQuery appending html issue

あるdivの値を別のdivに追加しようとしています。問題は、新しい価値、私は追加する]をクリックするたびに加算前の値であるjQuery appending html issue

function appendthis() { 
    var values = jQuery('#appendval').val(); 
    jQuery('#valdiv img').after(values); 
    jQuery('#addedlist').append(jQuery('#valdiv').html()); 
    jQuery('#appendval').val(''); 
} 
function removethis(cur) { 
    jQuery(cur).closest('div').remove(); 
}

：

<div> 
<input id="appendval" type="text" class="formStyle" style="width:300px">&nbsp;&nbsp; 
    <a id="addtolist" onClick="appendthis()" href="javascript:void(0)">Add</a><br><br> 
    <div id="addedlist" style="width:300px;height:80px;border:1px #ccc solid;"></div> 

    <div id="valdiv" style="display:none"> 
     <div> 
      <img onClick="removethis(this)" src="http://www.penguinmodernclassics.ca/static/images/all/close_icon.gif" > 
     </div> 
    </div> 

</div>

スクリプト：ここ

はHTMLです。

あなたがここに住んで上記のコードを見ることができます：http://jsfiddle.net/prajan55/3MRK9/

親切に助けて...

出典

2011-06-27 prajan