Translit-chpu

HTML

<textarea></textarea>
<div></div>
<input value="Get" type="button" />
&amp;#818;Р&amp;#818;е&amp;#818;м&amp;#818;о&amp;#818;н&amp;#818;т&amp;#818;

CSS

body { 
    margin: 0;
}
textarea {
    width: 99%;
    height: 300px;
}

JavaScript

var keys = {
    ' ':'-',
    'а':'a',
    'б':'b',
    'в':'v',
    'г':'g',
    'д':'d',
    'е':'e',
    'ё':'yo',
    'ж':'zh',
    'з':'z',
    'и':'i',
    'й':'y',
    'к':'k',
    'л':'l',
    'м':'m',
    'н':'n',
    'о':'o',
    'п':'p',
    'р':'r',
    'с':'s',
    'т':'t',
    'у':'u',
    'ф':'f',
    'х':'h',
    'ц':'c',
    'ч':'ch',
    'ш':'sh',
    'щ':'sch',
    'ь':'j',
    'ы':'y',
    'ъ':'j',
    'э':'e',
    'ю':'yu',
    'я':'ya'
};
$('input').click(function() {
    var val = $('textarea').val();
    for(var i = 0; i < val.length; i++) {
        if(val[i] in keys) {
            val = val.replace(val[i], keys[val[i]]);
        }

    }
    $('div').val(val);
});