Подскажите где ошибка, при вводе в input больше 7 значений должен меняться CSS но этого не происходит.
http://jsfiddle.net/ao6he3mL/
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>1</title>
<script type="text/javascript" =src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"</script>
</head>
<body>
<p id="contenInput"></p>
<input type="text"class="mytext" id="text" style="height: 50px;">
<script type="text/javascript">var nameLngth = $('#text').val().length;
if( nameLngth > 7 )
{
$('#contenInput').css({
'-webkit-transform': 'scale(1,5)',
'-moz-transform': 'scale(1,5)',
'-ms-transform': 'scale(1,5)',
'-o-transform': 'scale(1,5)',
'transform': 'scale(1,5)'
});
}
$(".mytext").keyup(function() {
$('#contenInput').text($(".mytext").val());
});</script>
</body>
</html>