title: Preselected value for select2 tag selectBox
body: <p>How would you go about having tags already being preselected in their selectbox at the time the page loads? Here's my code so far:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select class="selectBox operatingSystems" multiple="multiple"&gt;
      &lt;option&gt;Windows&lt;/option&gt;
      &lt;option&gt;OSX&lt;/option&gt;
      &lt;option&gt;Linux&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(".operatingSystems").select2({tags: true, tokenSeparators: [',', ' ']});
  </code></pre>
  
  <p>I'm basically trying to get it to look something like it does on the select2 documentation page where they have "orange" and "purple" preselected. From: <a href="https://select2.github.io/examples.html#data-ajax" rel="nofollow noreferrer">https://select2.github.io/examples.html#data-ajax</a> <img src="https://i.stack.imgur.com/njkDJ.png" alt="Preselected Tagging"></p>