jquery translit inm url

by matmuchrapna

HTML

<script src="https://rawgithub.com/borodean/jquery-translit/master/jquery.translit-0.1.3.js"></script>
<div>
	<label>
		<span class="label"></span>
		<input type="text" class="js_postname" value="Добро пожаловать">
	</label>
</div>
<div>
	<label>
		<span class="label">…/blog/</span>
		<input type="text" class="js_posturl">
	</label>
</div>

CSS

.label {
    width: 50px;
    margin-left: 50px;
    text-align: right;
    display: inline-block;
}

input {
    width: 450px;
    border: none;
    margin-left: -0.32em;
}

JavaScript

$(function() {
    var title = $('.js_postname'),
        url = $('.js_posturl');

    function transformText2url(title, url) {
        url.val(
            $.transliterate(
                title
                    .val()
                    .toLowerCase()
                    .replace(new RegExp(' ', 'g'), '-')
            )
        );
    }

    transformText2url(title, url);
    title.on('change keydown keyup', function() {
        transformText2url(title, url);
    });
});