Json数据已获取但不可见

Question

我编写了以下代码，以从另一个下拉列表填充一个下拉列表。它出现在控制台中，并且JSON成功，但是下拉列表中没有任何显示。

如果我取消对警报的注释，我可以在控制台中看到值：<option value="1">Nkonye First</option>，并且控制台中不会显示任何错误。

function showSubSectors() {
  //list all sub-sectors within sector
  //Try to programmatically get the URL
  $.ajax({
    type: "get",
    url: "http://{URL}/matrix_eproc/models/Ajax.cfc?method=getSubSectors&sector_id=" + $('##sector_field').val(),
    dataType: 'json',
    success: function(data) {
      $("##sub_sector_id").empty();

      var len = data.length;
      for (var i = 0; i < len; i++) {
        var id = data[i]['SUB_SECTOR_ID'];
        var name = data[i]['SUB_SECTOR_NAME'];

        /* if(i == 0) {
          alert("<option value='"+id+"'>"+name+"</option>");
        }*/

        $("##sub_sector_id").append("<option value='" + id + "'>" + name + "</option>");
      }
      $('##sub_sector_field').show();
    },
    error: function(jqXHR, exception) {
      alert("There was an error loading dropdownlist.");
    }
  });
}