Не получается выбрать значение в селект листе c# mvc ajax

Не получается выбрать значение в обновляемом SelectList. Метод UnitList возвращает обновляемый SelectList единиц измерений и далее необходимо выбрать значение. Однако, при выборе значения, он снова выбирает первое значение в SelectList. enter image description here В данном случае если выберу Test,то снова будет выбираться ssss fg

View

<label asp-for="UnitId" class="control-label"></label>
<select asp-for="UnitId" id="test"  class="form-control" asp-items="Model.UnitSelectList"></select>
<span asp-validation-for="UnitId" class="text-danger"></span>

Ajax запрос

 $("#test").click(function () {
    $.ajax({
        url: '@Url.Action("UnitList", "CollateralObject")',
        method: 'GET',
        data: {},
        success: function(data) {
            $("#test").empty().append('whatever');
            var list = data;
            for (var i = 0; i <= list.length; i++) {
                $("#test").append('<option value="' + list[i].value + '">' + list[i].text + '</option>');
            }
            console.log(data);
        },
        error: function(data) {
            console.log(data);
            alert('Error ' + data.status + "\n" + data.responseText);
        }

    });
});`

Метод в контроллере, возвращающий лист из единиц

[HttpGet]
    public async Task<IActionResult> UnitList()       
    {
        var unit = await _collateralObjectService.GetUnitSelect();
        return Ok(unit);
    }