为什么我的成功功能被跳过？

Question

我正在尝试创建一个表单，该表单根据选择的下拉选项显示结果。这些选择将需要定期进行一些更新，因此我们选择通过托管的JSON文件导入数据，因为对于我们来说从CSV转换为JSON很容易。我写了以下内容，希望能得到文件并解析下拉菜单中使用的选项。

$.ajax(
  {
    url: '---/DeptData.json',
    dataType: 'json',

    success: function(data)
    {
      //iterate over the data and append a selet option
      $.each(data, function(key, val)
      {
        var option = $('<option id="' + val.DeptID + '">' + val.DeptDescr + '</option>');
        $('#DeptSelect').append(option);
      })
    },
    error:function()
    {
      //if there is an error append a 'none avaliable' option
      $('#DeptSelect').append('<option id="-1">NONE AVAILABLE</option>');
    }
  })

目标是对其进行解析，以便我可以在函数中使用以下行。

var id = $('#DeptSelect').val()

任何帮助将不胜感激！