title: Select 2 displaying undefined using initSelection ajax call
body: <p>I'm trying to preload an entry into Select2 using a remote ajax call and the initSelection function. My question seems to be similar to <a href="https://stackoverflow.com/questions/15112988/select2-initselection">this question</a>, however both answers don't work for me.</p>
  
  <p>The call works and returns the correct result in json format, the issue appears to be with the callback not sending the data object in the right format.</p>
  
  <pre><code>j("#selectElement").select2({
      placeholder: "Placeholder text",
      multiple: false,
      minimumInputLength: 1,
      ajax: {
          url: "/getfiles",
          dataType: 'json',
          data: function (term, page) {
              return {
                  q: term //search term
              };
          },
          results: function (data, page) {
              return data;
          }
      },
      initSelection: function(element, callback) {
          return j.getJSON("/getfiles?id=" + (element.val()), null, function(data) {
              if (j.isFunction(callback)) {
                  //alert(JSON.stringify(data, null, 4));
                  return callback(data);
              }
          });
      }
  });
  </code></pre>
  
  <p>When I alert the data object it returns this data:</p>
  
  <pre><code>{
  "results": [
      {
          "id": "1",
          "text": "Name of the file"
      }
  ],
  "more": "false"
  </code></pre>
  
  <p>}</p>
  
  <p>The end result is the text "undefined" being loaded into the select2 input.</p>
  
  <p>I would greatly appreciate any assistance.</p>
  
  <p>Tim</p>