title: Select2 Not Showing the Results of Json
body: <p>i am trying to implement Remote Data Select2.</p>
  
  <p>Json Data is coming Fine, but select2 don't show the results instead it shows only spinner image and says loading.</p>
  
  <p>Here is <strong>Json</strong></p>
  
  <pre><code>[{"FormID":"1","FormName":"Dashboard"}]
  </code></pre>
  
  <p>I only want FormName to be shown in the results but it is not working :(</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>    $('#selectParentMenu').select2({
         minimumInputLength:2,
         placeholder:"Select Parent Menu",
          ajax: {
              type:"post",
              url: "{{base_url()}}admin/configurations/loadAllParentFormNames/",
              dataType: 'json',
              quietMillis: 100,
              data: function(term, page) {
                  return {
                      types: ["exercise"],
                      limit: -1,
                      term: term
                  };
              },
              results: function(data, page ) {
                  return { results: data.FormName }
              }
          },
          formatResult: function(exercise) {
              return "&lt;div class='select2-user-result'&gt;" + exercise.term + "&lt;/div&gt;";
          },
          formatSelection: function(exercise) {
              return exercise.term;
          },
          initSelection : function (element, callback) {
              var elementText = $(element).attr('data-init-text');
              callback({"term":elementText});
          }
      });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;div class="col-lg-8" id="haveParentDiv"&gt;
      &lt;input class="make-switch" id="haveParent" type="checkbox" data-on-color="success" data-on-text="Yes" data-off-text="NO" data-off-color="danger"&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/qrztI.jpg" alt="enter image description here"></p>
  
  <p>i think the Problem is with </p>
  
  <pre><code>        results: function(data, page ) {
              return { results: data.FormName }
          }
  </code></pre>
  
  <p>but i am not sure what to write with data.??</p>
  
  <p>when i tried only data, then instead of searching it said undefined, but at least i knew it can give result and something is wrong here.</p>
  
  <p>I am following this example:
  <a href="http://jsfiddle.net/LUsMb/16/" rel="nofollow noreferrer">http://jsfiddle.net/LUsMb/16/</a></p>