title: Select2 initSelection PreLoaded Data doesn't show
body: <p>I'm using select2 to loading remote data into a select, the input tag has a value attribute preloaded that points to a preselected option, when I load the page, it show the select with the Clear option (x) at the right but the data doesn't show.</p>
  
  <p>This is my code:</p>
  
  <pre><code>    function FormatResult(Consig) {
      return Consig.NomCon;
  }
  
  function FormatSelection(Consig) {
      $('#strConNom').val(Consig.NomCon);
      return Consig.NomCon;
  }
  
  $("#strCon").select2({
  placeholder: "Search",
  minimumInputLength: 5,
  allowClear: true,
  ajax: {
      url: "LoadData.asp",
      dataType: 'jsonp',
      data: function (term, page) {
          return {
              q: term,
              CodCas: $('#strCas').val(),
          };
      },
      results: function (data, page) {
          return {results: data.ConsigNom};
      }
  },
  initSelection: function(element, callback) {
      var id=$(element).val();
      if (id!=="") {
          $.ajax("LoadData.asp", {
          dataType: 'jsonp',
              data: {
                  CodCon: id,
                  CodCas: $('#strCas').val(),
              },
  
          }).done(function(data) { 
          callback(data);
          });
      }
  },
  formatResult: FormatResult,
  formatSelection: FormatSelection,
  dropdownCssClass: "bigdrop",
  escapeMarkup: function (m) { return m; }
  });
  </code></pre>
  
  <p>How can I solved this?</p>