无法在IE中使用JQuery在列表框中添加选项，但在firefox中效果良好

我有一个小JQuery代码，用于根据下拉值填充/过滤列表框。不过，它在Firefox中工作正常，但在IE9的下面一行代码中将选项添加到列表框时抛出无效参数错误

catvalues.add(el);

以下是完整的代码：

var names = $('#names');
$('select[title="Category possible values"] > option').appendTo('#names');
var catvalues =$('select[title="Category possible values"]')[0];

$('select[title="ProductName"]').change(function() {

    var val = $(this).children("option:selected").text();  
    $('select[title="Category possible values"]').empty();
    var opts=names.clone();
    opts.children().each(function(idx, el) {
        if (el.text.indexOf(val) >= 0)
        {
            catvalues.add(el);
        }
   });
});

---

FFX/IE中的

catvalues

是什么？最后通过更改

catvalues.add（el）中的行使其工作到catvalues.appendChild（el）；要理解兼容性问题确实有一段时间是很困难的，但是它现在正在工作，如果有比这更好的东西，请评论。