title: Error when specifying Select2 data
body: <p>I'm specifying the data for a <code>Select2</code> dropdown by using an external array but it keeps giving the following error. I'm using the latest <code>Select2 v4.0.3</code> so I can't figure out what the problem is. Any help is appreciated. The relevant code is given below. Note that I tried using a <code>&lt;input&gt;</code> element and the code worked as expected.</p>
  
  <pre><code>select2.min.js:21 Uncaught Error: Option 'data' is not allowed for Select2 when attached to a &lt;select&gt; element.
      at String.&lt;anonymous&gt; (select2.min.js:21)
      at Function.each (jquery-1.11.2.js:384)
      at d.prepareOpts (select2.min.js:21)
      at d.prepareOpts (select2.min.js:22)
      at d.init (select2.min.js:21)
      at HTMLSelectElement.&lt;anonymous&gt; (select2.min.js:22)
      at Function.each (jquery-1.11.2.js:384)
      at jQuery.fn.init.each (jquery-1.11.2.js:136)
      at jQuery.fn.init.a.fn.select2 (select2.min.js:22)
      at HTMLDocument.&lt;anonymous&gt; (bio?id=3&amp;action=display:773)
  </code></pre>
  
  <p>Here is the code.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select id="dropdown" multiple="multiple" style="width:350px;" tabindex="2"&gt;&lt;/select&gt;
  </code></pre>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code>var arr = [{id:0, text: "red"}, {id:1, text: "blue"}]; 
  
  $("#dropdown").select2({
          data: arr
  })
  </code></pre>
  
  <p>As far as installation is concerned, all that I have done is copy the follwing files to my <code>js</code> folder and included this line <code>&lt;script src="js/select2.min.js"&gt;&lt;/script&gt;</code> in my html.</p>
  
  <pre><code>select2.js
  select2.min.js
  select2.full.js
  select2.full.min.js
  </code></pre>