Using Select Viewmodel to preload and AJAX for calls

AJAX Dropdownlist

  $('#PostalCitySelect').select2({
                initSelection: function(element, callback) {

                    var data = { id: $("#Supplier.PostalCityId").attr("value"), text: $("#Supplier_PostalCity_City").attr("value") };
                    callback(data);
               
                                      @*  $.ajax('@Url.Action("SearchCityById", "Suppliers")', {
                            data: {
                                searchTerm: $("#Supplier_PostalCity_CityId").attr("value")
                            },
                            dataType: "json"
                        }).done(function (data) { alert(data), callback(data); });
                  *@
       
                },
                placeholder: 'Select an City',
                minimumInputLength: 4,
                ajax: {
                    url: '@Url.Action("SearchCity", "Suppliers")',
                    dataType: 'json',
                    data: function(term, page) {
                        return {
                            searchTerm: term
                        };
                    },
                    results: function(data, page) {
                        return { results: data };
                    }
                }
            });