Javascript-форум - Не пойму где ошибка.

Подскажите где ошибка, при вводе в 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>