title: Invoke AutoComplete dropdown after inserting token in bootstrap tokenfield
body: <p>I have a small example like on this <a href="http://jsfiddle.net/ddan/sw8xvpza/" rel="nofollow">Fiddle</a>. Simple Bootstrap tokeninput using autocomplete.</p>
  
  <pre><code>$(document).ready(function() {   
      $('#tokenfield').tokenfield({
        autocomplete: {
          source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
          delay: 100
        },
        showAutocompleteOnFocus: true
      });
  });
  </code></pre>
  
  <p>By default, after selecting a token the input will still be focused, and the autocomplete is only going to auto-popup again if I focus out and in to the input field.</p>
  
  <p>I would like to be able to reopen the autocomplete options once I entered a token.</p>
  
  <p>I was thinking to try using the <code>tokenfield:createtoken</code> event to lose and gain focus of the input again, but that won't give the autocomplete dropdown.</p>
  
  <pre><code>$('#tokenfield').on('tokenfield:createtoken', function (e) {
     console.log('FOCUS IN AND OUT');
     $('#tokenfield-tokenfield').blur();
     $('#tokenfield-tokenfield').focus();
  });
  </code></pre>
  
  <p>Other idea was to try using the <code>search</code> function autocomplete-ui.</p>
  
  <pre><code>$('#tokenfield').on('tokenfield:createtoken', function (e) {
      console.log('TRY AUTOCOMPLETE SEARCH');
      $('#tokenfield-tokenfield').autocomplete('search', '');
  });
  </code></pre>
  
  <p>No luck with that either.
  Pls Help! Thanks! <a href="http://jsfiddle.net/ddan/sw8xvpza/" rel="nofollow">JSFiddle Here</a></p>