I am trying to assign array of string to handsontables column as auto-complete. I am getting this JSON data from AJAX calls. 

I am not getting to assign to `source:`. Please follow the code.

```
    var loadBU = function(data) {          
                $.ajax({
                 url: "/EditInitiatives.svc/GetBUData",
                 data: "clientId=" + $value.val(),
                 type: "GET",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: function (res) {                      
                     data(res);
                 },
                 error: function (error) {
                     alert("Error: " + error.responseText);
                 }
                });    
              };    

    $("#example2").handsontable({
        data: getCarData(),
        startRows: 7,
        startCols: 4,
        columns: [
                  {  data:'BusinessUnit',
                     type:'autocomplete',
                     source:loadBU(function(output){                            
                               var results = output.d                         
                               var arr = [], item;
                               for (var i = 0, len = results.length; i < len; i++) {
                                    item = results[i];
                                    arr.push([[item]]);
                                }
                                return arr;
                            }),      
                        strict: true
                     },
               ]
       });

```

It suppose to be like that `EX: source: ["yellow", "red", "orange", "green", "blue", "gray", "black", "white"],`

![enter image description here](https://i.stack.imgur.com/ymzaH.png)

I don't understand how to assign array to source.

[Reference](http://handsontable.com/demo/autocomplete.html)