Проблем с емотиконки при коментари

[amgcompany]

Здравейте,имам една форма за коментари + емотиконки:

<div id="emoticons">
									<a href="javascript:void(0);" title=":)"><img src="../pictures/emoticons/usmiFka.gif"/></a>
</div>
<form method="post" action="">
									<div id="commentplatform"><textarea id="commentfield" name="comment"></textarea></div>
									<div id="post"><input type="submit" name="post2" value=""/></div>
								</form>

И искам когато кликна на емотиконката текста й да ми се добавя във текстареата.До някъде съм го направил,като включа страницата и като натисна на емотиконката без да съм писал никакъв текст във текстареата,кода на емотиконката се добавя но ако напиша някакъв текс и след това пробвам да натисна на емотиконката,кода й не се добавя.
Ето го и JS:
[js]
$(function()
{
$("#emoticons a").click(function()
{
var code = $(this).attr("title");
var comment = $("#commentfield").val();
var newComment = comment + code;
$("#commentfield").html(newComment);
});
});[/js]
Ако може малко помощ

 

[Ev0luti0N]

[js]$(function()
{
$("#emoticons a").click(function()
{
var code = $(this).attr("title");
var comment = $("#commentfield").val();
var newComment = comment + code;
$("#commentfield").append(newComment);
});
});[/js]
:idea:

 

[amgcompany]

Не става.

 

[macmen]

{
$("#emoticons a").click(function()
{
var code = $(this).attr("title");
var comment = $("#commentfield").val();
var newComment = comment + code;
$("#commentfield").val(newComment);
});
});

 

[amgcompany]

Мерси стана , +1