Добавление элемента javaScript с помощью фрагмента html в другой узел html

Question

Я пытаюсь вставить HTML-блок кода перед предыдущим. Я использую метод prepend () для вставки в список, и он работает. Я вставляю туда, куда хочу, но он выводит только обычный HTML-код

HTML

<div class="comments-list">
                            <ul class="comment-list-ul" id="comment-list-ul">
                            <?php require_once INCLUDES . 'blog-box.php';?>
                            </ul>
    </div>

js.

function insertInto (){
    var block = '<li class="comment-holder" id="_1"> ' + 
                 '<div class="user-text"> ' + 
                 '<h3 class="comment-username"></h3> ' +
                 '</div> ' +
                 '<div class="comment-body"> '+
                 '<div class="comment-text"></div> '+
                 '</div> '+
                 '<div class="comment-buttons"> '+
                 '<ul><li class="deleteBtn">Delete</li></ul> '+
                 '</div> '+
                 '</li> ';

            $('comment-list-ul').prepend(block);
    }

Вывод

<li class="comment-holder" id="_1"> <div class="user-text"> <h3 class="username-field"></h3> </div> <div class="comment-body"> <div class="comment-text"></div> </div> <div class="comment-buttons-holder"> <ul><li class="delete-btn">Delete</li></ul> </div> </li>

Что я делаю не так?