title: Can't set multiple values in Select2
body: <p>I am trying to show selected values in select2-jquery component. </p>
  
  <pre><code>var select = $(".select2").select2({
      multiple: true,
      placeholder: "",
      width:'100%',
      data: z 
  });
  var selectedValues = $("#sourceValues").val().split(',');
  
  $.each( selectedValues, function(k,v){
      $(".select2").select2('val',v);
  })
  </code></pre>
  
  <p>Element <code>sourceValues</code> holds the value e.g : 2,4 
     And <code>z</code> is array of object that holds id and text as suggested. 
    I can see the <code>&lt;options&gt;</code> that is linked to the Select2 element but I am unable to show the selected values on the element. 
      Also, If I try to run the query on Chrome console it works , if I write something like ;</p>
  
  <pre><code>  $(".select2").select2('val',4) 
  </code></pre>
  
  <p>Hence, the <code>&lt;option&gt;</code> with the id 4 is selected. </p>