title: Select2 is not displaying the selected value
body: <p>I am using 4.0.0 full so that it supports 3.5.2 features too. I'm using <code>query</code> option to fill the results. Everything works fine, but when I select a item from the result it is not displaying it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
      $(".select").select2({
          minimumInputLength: 1,
          query: function (query) {
              if (query.term) {
  
                  var data = { results: [] }, i, j, s;
                  for (i = 1; i &lt; 5; i++) {
                      s = "";
                      for (j = 0; j &lt; i; j++) { s = s + query.term; }
                      data.results.push({ id: query.term + i, text: s });
                  }
                  query.callback(data);
              }
          }
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.jquery.com/jquery-2.1.4.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.js"&gt;&lt;/script&gt;
  
  &lt;select class="select" style="width:300px"&gt;&lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>