Emoticon Blogger Otomatis dengan JQuery

http://astinquery.blogspot.com/2014/07/emoticon-blogger-otomatis-dengan-jquery.html

HTML

<div id="comments">
    <p>Lorem ipsum sit amet met na mburi :)</p>
    <p>Lorem ipsum sum-sum sit amet metropolitan  \o/</p>    
    <div id="comment-editor"><textarea>Enter your comment..</textarea></div>
</div>

CSS

body {
    background:#333;
    color:#fff;
    padding:10px;
}
#comments p {
    padding:30px 20px;
    border:1px solid #ccc;
}
#comment-editor {
    padding:10px;
    margin-top:10px;
    border:1px solid #ccc;
}
#comment-editor textarea {
    width:98.5%;
    height:80px;
}
.emoWrap {
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}
img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}
input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;
}

JavaScript

var emoRange    = "#comments p, div#emoWrap",
    putEmoAbove = "#comment-editor",
    emoMessage  = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";