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 mouseup', ".newCity", function(e) {
  e.preventDefault();
  alert('hello');

});