title: Setting multiple choices using jquery chosen plugin
body: <p>I'm using chosen's plugin to select multiple items from data loaded from a database. This is saved, and then I might want to load those choices again (the entire form, really) to edit it, and save changes.</p>
  
  <p>I can successfully read the various choices from the select component like so:</p>
  
  <pre><code>$("#meet_participants").chosen().val();
  </code></pre>
  
  <p>However If I want to set the multiple choices I'm trying this test case:</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="control-label"&gt;Participantes&lt;/label&gt;&lt;br&gt;
      &lt;b&gt;
      &lt;select data-placeholder="Ingrese los nombres" class="chosen-select form-control" style="width:60%" multiple id="meet_participants"&gt;
      &lt;!--Filled with all db users.--&gt;
      &lt;option&gt;hola&lt;/option&gt;
      &lt;option&gt;mundo&lt;/option&gt;
      &lt;option&gt;cruel&lt;/option&gt;
      &lt;option&gt;como&lt;/option&gt;
      &lt;option&gt;estas&lt;/option&gt;
      &lt;/select&gt;
      &lt;/b&gt;
      &lt;button class="btn btn-primary"&gt;&lt;b&gt;Tareas pendientes&lt;/b&gt;&lt;/button&gt;
    &lt;/div&gt; &lt;!--formgroup--&gt;
  &lt;/div&gt; &lt;!--row--&gt;
  </code></pre>
  
  <p>The after that I do (as per the example)</p>
  
  <pre><code>&lt;!-- Bootstrap core JavaScript
  ================================================== --&gt;
  &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  &lt;script src="js/plugins/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/plugins/bootstrap.min.js"&gt;&lt;/script&gt;  
  &lt;script src="js/plugins/chosen.jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    var config = {
  '.chosen-select'           : {},
  '.chosen-select-deselect'  : {allow_single_deselect:true},
  '.chosen-select-no-single' : {disable_search_threshold:10},
    }
    for (var selector in config) {
  $(selector).chosen(config[selector]);
    }
  &lt;/script&gt;
  
  
  &lt;script&gt;
    fillMemoForm();
    $("#meet_participants").chosen().val(["hola", "mundo", "cruel"]);
  &lt;/script&gt;
  </code></pre>
  
  <p>Only the last line is important, however I pasted everything just in case. As I understand this should have set the selected values to these three items, but it didn't. What am I doing wrong?</p>