title: Pre-populate jQuery UI Token Autocomplete
body: <p>I just started using the jQuery UI Token,
  I'm trying to figure out how to pre-populate fields.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $("#viewerMusicGenre").tokenInput([
          {id: 1, name: "Love Songs &amp; Romantic"},
          {id: 2, name: "Pop"},
          {id: 3, name: "Rock"},
          {id: 4, name: "Country"},
          {id: 5, name: "Dance"},
          {id: 6, name: "Classical"},
          {id: 7, name: "Soul"},
          {id: 8, name: "RnB"},
          {id: 9, name: "Metal"},
          {id: 10, name: "Jazz"},
          {id: 11, name: "Drum and Bass"},
          {id: 12, name: "House"},
          {id: 13, name: "Children"},
          {id: 14, name: "Spiritual"},
          {id: 15, name: "Christian"},
          {id: 16, name: "Klezmer"},
          {id: 17, name: "Arabic"},
          {id: 18, name: "Hindu"},
          {id: 19, name: "Reggae"},
          {id: 20, name: "Industrial"},
          {id: 21, name: "Indie"},
          {id: 22, name: "Electronica"}
      ]);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I understand I need to add this to the function:</p>
  
  <pre><code>prePopulate: [
              {id: 3, name: "Rock"},
              {id: 5, name: "Dance"},
              {id: 8, name: "RnB"}]
  </code></pre>
  
  <p>I don't know how to add, as I tried different ways but keep getting a sintax error.</p>
  
  <p>Any help is appreciated.
  Michel</p>