title: select2 load data using ajax cannot select any option
body: <p>I have the following code (javascript):</p>
  
  <pre><code>$('#cbxConnections').select2({
      minimumInputLength: 0,
      multiple: false,
      allowClear: true,
      placeholder:{
          text:"@Diccionario.Connections",
          id:" @Diccionario.Connections"
      },
      ajax:{
          url:'@Url.Action("GetActiveConnections","Admin")',
          dataType: 'json',
          type:'post',
          data:function(params){
              return {
                  q: params.term
              };
          },
          processResults: function(data,page){
              return {
                  results: data
              };
          }
      },
      escapeMarkup: function (markup) { 
          return markup; 
      },
      templateResult: function(response){
          return '&lt;div&gt;'+response.Name+'&lt;/div&gt;';
      },
      templateSelection: function(response){
          return response.Id;
      },
      id: function(connection){
         console.log(connection);
      }
  });
  </code></pre>
  
  <p>For the server side I am using ASP MVC 4.
  The select get data using ajax and render the options but this options are not selectable.
  Reading other posts, they describe using the id function, but this function appearently desappears on the version of select2 I'm using 2.4</p>
  
  <p>I'm following the example of ajax on the documentation showing on <a href="http://select2.github.io/examples.html" rel="nofollow noreferrer">github</a>
  <strong>"Loading remote data"</strong></p>