ಠ_ಠ

$('head').append('<style>#smiley-popup{background: #fff;width: 300px;height: 200px;position: absolute;top: -215px;border-radius: 5px;border: 1px solid #ddd;box-shadow: 0 5px 15px rgba(0,0,0,0.4);padding: 10px;}</style>');
$('#chat-buttons').prepend('<button class="button" id="smiley-button">ಠ_ಠ</button>');
$('#chat-buttons').append('<div id="smiley-popup"><button>ಠ_ಠ</button></div>');
$('#smiley-popup').hide();
$('#smiley-button').on('click',function(){
    $('#smiley-popup').fadeIn();
});
$('#smiley-popup').find('button').on('click',function(){
    $('#smiley-popup').fadeOut();
    $('#input').val($('#input').val() + $(this).html());
});