title: Select 2 "ajax results could not be loaded"
body: <p>Sorry, but can't find a resolve.</p>
  
  <p>Whenever i try to do some searching, select2 will show 'The results could not be loaded'. </p>
  
  <p>I think my ajax settings is wrong </p>
  
  <p>html:</p>
  
  <pre><code>&lt;select class="js-data-example-ajax form-control" multiple="multiple"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>script:</p>
  
  <pre><code>$(".js-data-example-ajax").select2({
      ajax: {
          url: '@Url.Action("LoadCity", "Addresses")',
          dataType: 'jsonp',
          delay: 250,
          data: function(params) {
              return {
                  q: params.term, // search term
                  page: params.page
              };
          },
          processResults: function(data) {
              return {
                  results: data
              };
          },
          cache: true
      },
      minimumInputLength: 1,
  
  });
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/kY4z6.png" rel="nofollow">screen</a></p>
  
  <hr>
  
  <p><strong>ADD 08.07.2016</strong></p>
  
  <p>some change ajax settings:</p>
  
  <pre><code>dataType: 'jsonp'
  </code></pre>
  
  <p>to </p>
  
  <pre><code>dataType: 'json'
  </code></pre>
  
  <p>and add </p>
  
  <pre><code>type: 'GET',
  </code></pre>
  
  <p>now no message 'The results could not be loaded', and no results</p>