Фильтрация на web-ресурсе с помощью JS

Мне необходимо сделать фильтрацию по авторам статей на новостном портале. Должен быть один пункт с undefined фильтром для отображения статей, который я делаю выбранным по умолчанию.

function renderFilter(articles) {
    FILTER_SECTION.innerHTML = "";
    var set = new Set(articles.map(function(item) { //articles - массив статей
        return item.author;
    }));
    set = set.add("");
    var filterItems = renderFilterItems(set);
    filterItems.forEach(function(item) {
        FILTER_SECTION.appendChild(item);
    });
    console.log()
}
function renderFilterItems(set) {
    var tSet = [];
    set.forEach(function(item){
        tSet.push(item);
    });
    return tSet.map(function (item){
        var temp = FILTER_TEMPLATE;
            temp.content.querySelector('#filter-item').setAttribute('value', item);
            temp.content.querySelector('#filter-item').textContent = item;
            if (!item)
            temp.content.querySelector('#filter-item').selected = true;
        return temp.content.querySelector('#filter-item').cloneNode(true);
    });
}

Однако установленный как selected элемент на странице таковым не является. Что я делаю не так?