Bootstrap tagsinput
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.css">
<script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.js"></script>
<input type="text" name="cities" class="form-control newCity" data-role="tagsinput" />
CSS
.bootstrap-tagsinput
{
width: 60% !important;
border-radius: 1px !important;
}
JavaScript
$(document).on('keyup', ".bootstrap-tagsinput", function(e) {
alert('hello');
e.preventDefault();
});