无法在IE中使用JQuery在列表框中添加选项，但在Firefox中工作正常

Question

我有一个小的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);
        }
   });
});