Как добавить огромное количество HTML-кода через JQuery?

Я изо всех сил пытаюсь добавить огромное количество html-кода. Я нашел этот ответ, как добавить (или другой метод) много кода HTML? который я последовал, но я получаю незаконную ошибку аргумента. Может ли кто-нибудь предложить лучший способ справиться с этим?

CODEPEN DEMO

JS

$(function() {
  $("a").click(function() {
    $("body").append(codeBlock);
  });
});

var codeBlock = $("<div class='code-block'>\
    <div class='select-event'>\
        <label>Start</label>\
        <select>\
            <option>when the Run button is pressed</option>\
            <option>when the object is pressed</option>\
            <option data-option='keyoption'>when a keyboard key is pressed</option>\
        </select>\
        <span class='key-press-wrapper'>\
            <label>Key</label>\
            <input id='keyPress' placeholder='Press Key'>\
        </span>\
    </div>\
    <div class='insert-block'>\
        <label>Insert code blocks here</label>\
        <ul id='sortable' class='connectedSortable'></ul>\
    </div>\
</div>\");