title: Select2 and initSelection callback
body: <p>On page load, I'm trying to use initSelection to select ID 60 <em>(specified value of the input field)</em>. I can't seem to get it to work properly.</p>
  
  <p>The PHP scripts work great and return the correct values, but how do I get the JS to do the callback correctly?</p>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>$(document).ready(function() {
      $('#editAlbumArtistId').select2({
              placeholder: 'Search names',
              ajax: {
                  url: "/jQueryScripts/jQuerySelectListArtists.php",
                  dataType: 'json',
                  quietMillis: 100,
                  data: function (term, page) {
                      return {
                          term: term, //search term
                          page_limit: 10 // page size
                      };
                  },
                  results: function (data, page) {
                      return {results: data.results};
                  }
  
              },
              initSelection: function(element, callback) {
  
              var id = $(element).val();
              if(id !== "") {
                  $.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
                      data: {id: id},
                      dataType: "json"
                  }).done(function(data) {
                      callback(data);
                  });
              }
          }
      });
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;p&gt;
      &lt;input type='hidden' value="60" data-init-text='Search names' name='editAlbumArtistId' id='editAlbumArtistId' style="width:180px;"/&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>Every time I refresh the page, I see that the PHP script gets executed and that it returns the proper ID and text. However, the field isn't updated and I've seriously tried everything I can think of.</p>
  
  <p>I'm using Select2 3.4.3.</p>
  
  <p>Any help would be greatly appreciated.</p>