title: jQuery Tokeninput: readonly not working
body: <p>I'm using the plugin found at <a href="http://loopj.com/jquery-tokeninput/" rel="nofollow">http://loopj.com/jquery-tokeninput/</a> in a field which creates a list of users with admin access to a web application.</p>
  
  <p>Searching, adding and removing users works perfectly.</p>
  
  <p>However, I want to use the 'readonly' functionality to stop people removing themselves from the list (which would cause an issue since they wouldn't be able to see the page).</p>
  
  <p>The plugin suggests adding the <code>"readonly" : true</code> attribute to the JSON which sets the page up. I have done this but I am still able to remove myself.</p>
  
  <p>This is the function generated. Can anyone see what's wrong with it?</p>
  
  <pre><code>$("#admin_users").tokenInput("/people/select", {
    prePopulate: [
      {
        "id": 1,
        "name": "Kevin Hughes",
        "readonly": true
      }, {
        "id": 3,
        "name": "Caroline Hughes",
        "readonly": false
      }
    ]
  });
  </code></pre>
  
  <p>As I say, apart from the <code>readonly</code> bit, it works fine.</p>
  
  <p><strong>Extra info:</strong> I'm also using Bootstrap on the page. Could this have any interaction?</p>