$("#emojis span").on("click", function () { var caretPos = $("#input")[0].selectionStart; var textAreaTxt = $("#input").val(); var txtToAdd = $(this).text(); $("#input").val( textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) ); $("#input").get(0).setSelectionRange(caretPos, caretPos); });