title: Select2: Why does a preselected OPTION tag show only a cross, without the text?
body: <p>I'm making a SELECT like this:</p>
  
  <pre><code>&lt;select class="select form-control js-example-basic-multiple" multiple="multiple" id="id_tags" name="tags"&gt;
      {% for tag in photo.tags.all %}
      &lt;option selected value="http://localhost:8001/api/tags/{{ tag.id }}/"&gt;{{ tag.name }}&lt;/option&gt;
      {% endfor %} 
  &lt;/select&gt;
  </code></pre>
  
  <p>I then fire up my select2 instance:</p>
  
  <pre><code>$(".js-example-basic-multiple").select2({
      multiple : true,
      ajax : { ..... }
  });
  </code></pre>
  
  <p>And I see this:</p>
  
  <p><img src="https://cloud.githubusercontent.com/assets/1869932/8088795/e71f472a-0f9b-11e5-944d-5f581143f154.png" alt="screenshot 2015-06-10 18 09 19"></p>
  
  <p>AJAX is definitely working though, and new items can be added:</p>
  
  <p><img src="https://cloud.githubusercontent.com/assets/1869932/8088813/fbe306ba-0f9b-11e5-973a-dcddb77d151e.png" alt="screenshot 2015-06-10 18 09 40"></p>
  
  <p>Also the Select2 instance has the right data even for the items that only have a cross:</p>
  
  <pre><code>IN &gt;&gt;&gt; $(".js-example-basic-multiple").val()
  OUT &gt;&gt;&gt; ["http://localhost:8001/api/tags/4142/", "http://localhost:8001/api/tags/4145/", "http://localhost:8001/api/tags/4160/", "http://localhost:8001/api/tags/4213/", "http://localhost:8001/api/tags/4344/", "http://localhost:8001/api/tags/6602/"]
  </code></pre>