title: Data not displaying in dropdown using select2 with ajax and Even i can not select any data
body: <p>Hi guys I am working with Select2 with ajax, issue is the data is not showing in the dropdown when I click on the option.
  Other than that when I try to search any specific thing. Data is processed but doesn't showing in the dropdown. I have checked the data in <code>console.log()</code> it is showing properly before or after searching
  for further details I will share my code have a look and let me know the issue.</p>
  
  <p><strong>script:</strong> </p>
  
  <pre><code>$(document).ready(function() {
        $('#user-list').select2({
          ajax: {
            url: "&lt;?php echo base_url() . 'User_basic/fetch_mobile_numbers'; ?&gt;",
            dataType: 'json',
            type: "post",
            delay: 250,
            data: function (params) {
             return {
               searchTerm: params.term // search term
             };
            },
            processResults: function (response) {
             console.log(response);
             return {
              results: response
            };
          },
         }
      });
   });
  </code></pre>
  
  <p><strong>View:</strong></p>
  
  <pre><code>&lt;select name="phone_number" id="user-list" placeholder="Enter Number" class="form-control" multiple="multiple" required&gt;
     &lt;option value="" id="numbers-list"&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>JSON response sample</strong></p>
  
  <pre><code>[{"phone":"+924444444444"},
  {"phone":"+926666666660"},
  {"phone":"+92000000600"},
  {"phone":"+923665588975"},
  {"phone":"+929966557711"},
  {"phone":"+92255663377"},
  {"phone":"+921155775544"},
  {"phone":"+925588665544"}]
  </code></pre>