<!-- required js / css -->
<link href="/assets/plugins/tag-it/css/jquery.tagit.css" rel="stylesheet">
<script src="/assets/plugins/jquery-migrate/dist/jquery-migrate.min.js"></script>
<script src="/assets/plugins/tag-it/js/tag-it.min.js"></script>

<!-- default -->
<ul id="jquery-tagit" class="tagit form-control">
  <li>fancy</li>
  <li>new</li>
  <li>tag</li>
  <li>demo</li>
</ul>

<script>
  $(document).ready(function() {
    $('#jquery-tagit').tagit({
      fieldName: 'tags',
      availableTags: ['c++', 'java', 'php', 'javascript', 'ruby', 'python', 'c'],
      autocomplete: {
        delay: 0, 
        minLength: 2
      }
    });
  });
</script>