title: Typeahead in Bootstrap Tags input plug in not working
body: <p>I am trying to use Bootstrap Tags Input (<a href="http://timschlechter.github.io/bootstrap-tagsinput/examples/" rel="nofollow">http://timschlechter.github.io/bootstrap-tagsinput/examples/</a>) in a small test application. I would like to use the typeahead function but cant seem to get it working. It appears to me like I have everything in order but I just cant seem to get the typeahead to work. Note that I am using this in Django - the bootstrap.min.js loads up in my base.html file. I am new to jquery so I'm sure I'm screwing up something in my script.</p>
  
  <pre><code>{% extends "base.html" %}
  
  {% block title %}Testing{% endblock %}
  {% block extra_head %}
  
      &lt;link href="{{STATIC_URL}}css/snippets.css" rel="stylesheet"&gt;
      &lt;script src="{{STATIC_URL}}js/bootstrap-tagsinput.js"&gt;&lt;/script&gt;
      &lt;link href="{{STATIC_URL}}css/bootstrap-tagsinput.css" rel="stylesheet"&gt;
  
  
  &lt;script&gt;
       $('#tagtest').tagsinput({
          typeahead: {
          source: ['Amsterdam','Denver']
          }
        });
  &lt;/script&gt;
      {% endblock %}
  
  
  {% block base_content %}
  
  &lt;input id ="tagtest" data-role="tagsinput" type="text"  value="Amsterdam,Washington"/&gt;
  
  {% endblock %}
  </code></pre>
  
  <p>Any thoughts would be greatly appreciated/
  TJS</p>