Bootstrap tagsinput

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.1/js/bootstrapValidator.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.1/css/bootstrapValidator.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<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>
<script src="https://cdn.jsdelivr.net/jquery/3.0.0/jquery.min.js"></script>
<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script>
    <div class="form-group">
        <label class="col-lg-3 control-label">Expertise</label>
        <div class="col-lg-5">
            <input type="text" name="cities" id="expertise" class="form-control" value="" data-role="tagsinput" />
        </div>
    </div>
    <div class="form-group">
        <label class="col-lg-3 control-label">Interests</label>
        <div class="col-lg-5">
            <input type="text" name="cities1" id="interests" class="form-control" value="" data-role="tagsinput" />
        </div>
    </div>

JavaScript

window.onload = function () {
  //$('#expertise').tagsinput('add', { id: 1, text: 'some tag' });
  $('input #expertise').tagsinput('add', {id: 1, text: 'javascript' })
}