Simple Ajax with New Option for Select2 4

select2_ajax.js

function initSelect2() {
    $('.select2picker').select2({
        ajax: {
            url: "", //put the RUL here.  
            dataType: 'json',
            delay: 50,

            data: function(params) { // Build the search URL
                return {
                    filter: params.term // Search term, in this case "filter".
                };
            },
            processResults: function(data) {
                 if (!data) {
                  console.log("No data returned on Ajax call.")
                    return {results: []};
                }
                var returning = [];
                data.forEach(function(element) {
                    var obj = {}
                    obj.id = element.id;
                    obj.text = element.id;
                    returning.push(obj)
                });
                console.log(returning)

                return  {
                    results: returning;
                };
            }
        },
        tags: true,
        // Allows user created new options.  Needs tag set to true.
        createTag: function(params) {
            return {
                id: params.term,
                text: params.term,
                newOption: true
            }
        },
        // New tag.
        templateResult: function(data) {
            var $result = $("<span></span>");
            $result.text(data.text);

            if (data.newOption) {
                $result.append("<em>(new)</em>");
            }

            return $result;
        }
    });
}