Добавить опцию в select после вызова ajax url

Question

Мне нужно добавить опцию для каждой строки в возвращении ajax в мой выбор,

сейчас он отображает опцию как:

[Object, Object]
[Object, Object]
[Object, Object]
[Object, Object]
[Object, Object]

для каждого параметра, а не данные, которые он возвращает в моем Json.

при прямом обращении к URL правильно отобразит список.

вот мое возвращение, Джсон:

{
"id": 6658,
"unitId": 3239,
}

и мой код JavaScript:

 $('#siteGroupId').on('change', function (e) {
    var siteGroupId = $(this).val();
    if(siteGroupId == '') {
        alert("Location doesn't have a department");
        $('#unitDeptNbr').prop('disabled', true);
    } else {
        $('#unitDeptNbr').prop('disabled', false);
        $.ajax({
            type: "GET",
            url:  'getUnitGroup.ajx?siteGroupId=' + siteGroupId,
            success: function (json) {
                //jQuery('#unitDeptNbr').html('');
                jQuery.each(json, function(key, value) {
                    jQuery('#unitDeptNbr')
                        .append(jQuery('<option>')
                            .text(value)
                            .attr('value', key));
                });

            }, error: function () {
                $('#unitDeptNbr').prop('disabled', true);
                alert('Error occur ...!')
            }
        });
    }

мой JSP:

       <select path="deptNbr" id="unitDeptNbr" disabled="">
                        <option></option>
                    </select>