Emoticon in textarea

Emoticon in textarea

On every bottom of a news article I have a textarea so people can post a comment. 
Underneath this textarea there are some emoticons people can click on and the bbcode is placed in the textarea.

This works fine only when someone clicks an emoticon the page scrolls to the top. Does anyone know how to prevent this?

  1. $('#emoticonbox a').click(function(){

  3. var smiley = $(this).attr('title');
  4. $('#reactiearea').val($('#reactiearea').val()+" "+smiley+" ");

  6. });