title: Select2 JS Loading remote data with Ajax
body: <p>I am using Select2 JS  Version 4.0.0-rc.1  and having trouble loading suggestions with remote Ajax method.</p>
  
  <p>Below are the markups and code</p>
  
  <pre><code>&lt;select class="form-control input-sm" id="selFrame1" name="selFrame1"&gt;
     &lt;option&gt; Select Frame &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>the JavaScript Jquery</p>
  
  <pre><code>$('#selFrame1').select2({
          ajax: {
            url: siteUrl+"suggest/frames",
            dataType: 'json',
            delay: 250,
            method:'POST',
            data: function (params) {
              return {
              q: params.term, // search term
              page: params.page
              };
           },
           processResults: function (data, page) {
           // parse the results into the format expected by Select2.
           // since we are using custom formatting functions we do not need to
           // alter the remote JSON data
  
             return {
               results: data.result
             };
            },
           cache: true
          }
  });
  </code></pre>
  
  <p>The Json Result returned by server</p>
  
  <pre><code>{results: [{"Code":"123360000"},{"Code":"123360358"},{"Code":"123364000"},{"Code":"123400000"}], more: false }
  </code></pre>
  
  <p>I am totally not sure if I need to write specific functions to show suggestions, the comments on the Ajax section say that we should not alter the result Json data.</p>
  
  <p>Now somebody please tell me what more I should to get the code working to show the suggestions.</p>
  
  <p>I guess with the new version of select2 a lot of stuffs have changed.</p>