动态添加内部HTML

Question

我正在尝试使用jQuery读取XML文件并尝试添加命名标记作为HTML页面中选择下拉列表的选项。

由于某种奇怪的原因，我无法将该HTML添加到我的select元素中。

以下是我的javascript：

$.get("DeliveryCenter.xml", {}, function (xml) { 
      myHTMLOutput = ''; 

      $('DC', xml).each(function (i) { 
       DCName = $(this).find("name").text(); 
       DCvalue = $(this).find("value").text(); 
       mydata = BuildHTML(DCName, DCvalue); 
       myHTMLOutput = myHTMLOutput + mydata; 
      }); 
      //myHTMLOutput += '</select>'; 
      alert(myHTMLOutput); 
      $("#chkDCXML").html(myHTMLOutput); 
      alert($('#chkDCXML').html()); 
     }); 

这里BuildHTML成功返回我这是在alert(myHTMLOutput);

不过，我得到了一个未定义的 alert($('#chkDCXML').html());

任何帮助，对我是什么惊动选项html标签在这里做错了或失踪？

编辑：

生成HTML功能：

function BuildHTML(DCName, DCValue) { 

      output = ''; 
      output += '<option value="' + DCValue + '">' + DCName + '</option>'; 
      return output; 
     }