$(function() {
$("#demo").keyup(function(){
var len = $("#demo").val();
if(len.length>8){
var el = $("<p></p>").html("");
$("#holder").append(el);
//$("p").addClass("alert alert-warning");
var x = $("<span></span>").html(" Too long");
$("p").append(x);
$("span").addClass("glyphicon glyphicon-alert");
stop();
}
else if(len.length<=8){
$("#holder p").children().remove();
}
});
});