title: Select2 AJAX selected value is not appearing int he box
body: <h2>Select2 - Version 4.0.0-beta.3</h2>
  
  <p>I am working to upgrade my <code>Select2</code> from 3 to 4.0. I am having issue processing the ajax request with Select2. 
  I have following field. </p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;input action="load_users" id="id_pic_credits" name="pic_credits" type="hidden"&gt;
  </code></pre>
  
  <h2>JS</h2>
  
  <pre><code>$(document).ready(function () {
      $("*[action='load_users']").select2({
          allowClear: true,
          width: '100%',
          multiple: false,
          minimumInputLength: 1,
          "ajax": {
              "url": _url,
              delay: 250,
              dataType: "json",
              data: function (search, page) {
                  return search
              },
              processResults: function (data, page) {
                  // parse the results into the format expected by Select2.
                  // since we are using custom formatting functions we do not need to
                  // alter the remote JSON data
                  return {
                      results: data.items
                  };
  
              },
              cache: true
  
          }
      });
  });
  </code></pre>
  
  <h2>HTML Result</h2>
  
  <p><img src="https://i.stack.imgur.com/INPbB.jpg" alt="enter image description here"></p>
  
  <h2>Server Response</h2>
  
  <pre><code>List of dicts.
  
  [{'id':1, 'text':'Ray of Peace'},{'id':2, 'text':'Ray of Peace2'}]
  </code></pre>
  
  <h2>HTML Result</h2>
  
  <p><img src="https://i.stack.imgur.com/8zrh1.jpg" alt="enter image description here"></p>
  
  <h2>Problem</h2>
  
  <p>When i click on any of the records; I can not see if the value is actually is getting select. 
  When the drop down closes; i do not see the selected value. 
  The value of the field is changed in the HTML though; but I can not see the result.</p>