Почему не добавляется элемент?

Question

[AlpineMilk]

Есть скрипт который добавляет дополнительные поля. при клике

$('#add-skill').click( function () {
        var html = '<div class="row">'+
            '               <div class="form-group col-lg-9 cl-'+ myfunc() + '">\n' +
            '                    <label for="fio">Навык</label>\n' +
            '                    <input type="text" class="form-control"  name="name">\n' +
            '                </div>' +
                             '<div class="form-group col-lg-3">\n' +
            '                    <label for="fio">Владение</label>\n' +
            '                    <input type="text" class="form-control"  name="name" placeholder="в %">\n' +
            '                </div>'+
                    '</div>';

        var test = document.getElementById('eee'); // содержит тот же код как и переменная html
        console.log(test);
        $(test).insertBefore($('#add-skill'));

Если вместо переменной тест подставить html, то все работает, форма отображается. А при замене на test, никаких изменений нет, ошибок тоже нет.
Вот что выводит console.log

Answer 1

[Stalker_RED]

var html = '<div class="row">' ... // это строка с html кодом
var test = document.getElementById('eee') // это DOM-элемент, а не строка

В консоли оно похоже выглядит, но работает по разному.

Это вы пытаетесь сделать? jsfiddle.net/kasj90r1

Comments

[AlpineMilk]

а как мне добавить этот элемент перед этим айди? '#add-skill'

[AlpineMilk]

Да, спасибо!