Как создать список вставить в него пункты списка?

Здравствуйте, как на javascript создать список, вставить в него пункты списка с инфой и добавить этот список в контейнер. Сложность в том что контейнер изначально пустой и метод appendChild не подходит. Списки будут добавляться один за другим в изначально пустой контейнер.

Пробовал так:

var viewport  = document.getElementById('viewport');
        var fragment = document.createDocumentFragment();
        var inputs = document.getElementsByName('data');

        for ( var i = 0; i < inputs.length; i++ ) {
            var li = document.createElement('li');
            li.textContent = inputs[i].value;
            fragment.appendChild(li);
        }

        viewport.appendChild(fragment);

Так работает, но закидывает лихи сразу в viewport, а как сначала их вставить в ul?

Спасибо.