title: Uncaught TypeError: $(...).tokenfield is not a function
body: <p>I'm new of jQuery and Bootstrap. everything was working perfectly until i decided to use the Bootstrap Tokenfield to add a search system based.</p>
  
  <p><a href="http://sliptree.github.io/bootstrap-tokenfield/" rel="nofollow">Bootstrap tokenfield</a></p>
  
  <p>Now when i try to execute my ,jsp page i get: Uncaught TypeError: $(...).tokenfield is not a function</p>
  
  <p>This is my .jsp page  </p>
  
  <p><strong>JQuery import</strong> </p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="/webjars/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
  &lt;script src="/webjars/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;title&gt;&lt;/title&gt;
  
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>Component declaration</strong></p>
  
  <pre><code>&lt;input type="text" class="form-control" id="tokenfield" value="red,green,blue" /&gt;
  $('#tokenfield').tokenfield({
    autocomplete: {
      source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
      delay: 100
    },
    showAutocompleteOnFocus: true
  })
  </code></pre>
  
  <p>Where am I doing worng? I'm forgetting to bring something?</p>