<div class="emoji-chat"> <i class="em em---1"></i> </div> <script> $('.emoji-chat i').click(function() { $('#text').append(' '+this+' '); }); </script> In the <div id="text"></div> object, it is not the item that was clicked, but [object HTMLElement] is added . What could be the problem?