title: Set data in Select2 after insert with AJAX
body: <p>i'm using the Select2 with AJAX (the code below):</p>
  
  <pre><code>$(".select2-ajax").select2({
          placeholder: "Search user",
          minimumInputLength: 1,
          ajax: {
              url: $('#url-search-client').val(),
              dataType: 'json',
              type: 'post',
              data: function (term, page) {
              return {
                  filter: term
              };
              },
              results: function (data, page) {
              return {results: data};
              }
          },
          width : '50%',
          formatInputTooShort: function () {return 'Informe mais caracteres'; },
          formatResult: formatResultSelectAjax, // omitted for brevity, see the source of this page
          formatSelection: formatSelectAjaxValue, // omitted for brevity, see the source of this page
          dropdownCssClass: "bigdrop" // apply css that makes the dropdown taller
      });
  </code></pre>
  
  <p>Well, if not found client, the user can be use a button to open a modal and add the new client, is possible use the return(json with id and namae) of  new client and put the data (like name) into the select2 as selected?</p>
  
  <pre><code>$('.btn-form-client').click(function() {
          $.ajax({
              url: $('#frm-client').attr('action'),
              dataType: 'json',
              type: 'post',
              data: $('#frm-client').serialize()
          }).done(function (data) {
              $('#modal-client').modal('hide')
          });
          return false;
      });
  </code></pre>