no focus on input

character counter no focus

HTML

<input class="field" type="text" maxlength="10" />

<input id="counter_1" class="counter" type="text" value=0 readonly />

CSS

.counter {
    width : 50px;    
    text-align : center;
    }

JavaScript

$(function(){
	$("input[type='text']").on("keyup", function(event){ 
		$(".counter").blur();
		$("#counter_1").val($(this).val().length);
		});	
	});