title: Selectize option list population with data-data
body: <p>I am using selectize.js inside a form, and would like to populate the option list from within HTML. My understanding of the release notes for version 0.12.0 is that this should be possible using the "data-data" attribute, but I can’t make it work or find full working examples anywhere. </p>
  
  <p>I was hoping to do something like this:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;label for="leagues"&gt;Leagues:&lt;/label&gt;
  &lt;input type="text" id="leagues" name="leagues" class="form-control" value='aaa' data-data="[{'info': 'aaa'},{'info': 'bbb'}]"&gt;
  </code></pre>
  
  <p>with js:</p>
  
  <pre><code>$('#leagues').selectize({
  });
  </code></pre>
  
  <p>EDIT: I have got this working replacing ' with &quot;   so data-data is now:"[{&quot;info&quot;:&quot;aaa&quot;},{&quot;info&quot;:&quot;bbb&quot;}]"</p>
  
  <p>FOLLOW ON: Now the option list is populated as expected, but it also overrides the value tag, so it doesn't seem possible render the control with an option-list of n items but with say 3 selected (Which seems to me to defeat the whole point of the dataAttr doesn't it????).</p>
  
  <p>I can make this work using the States example for the documentation - but this uses  rather than , so returning an array of values rather than a comma delimited list.</p>
  
  <p>So...how do I implement a multi-select, POSTing a comma-delimited list, with the options set from HTML not js.</p>