Почему не отрабатывает клик?

Question

[MihailDonskoy]

$(function(){
    $('.add-note').click(function(){
    const note = document.createElement('div');
        note.id = "note";
        note.className = "note";
    const headerNote =  document.createElement('header');
        headerNote.className = "note__header-note";
    const headerNoteLogo = document.createElement('div');
        headerNoteLogo.className = "header-note__logo";
    const logoLine =  document.createElement('hr');
        logoLine.className = "logo__line";
    const headerNoteName = document.createElement('span');
        headerNoteName.className = "header-note__name";
    const headerNoteNameText = document.createTextNode('New list');
    const headerControl = document.createElement('div');
        headerControl.className = "header-note__head-control";
    const btnWrap = document.createElement('div');
        btnWrap.className = "head-control__btn-wrap";
    const btnEdit = document.createElement('div');
        btnEdit.className = "btn-wrap__btn-edit btn-edit";
    const btnDelete = document.createElement('div');
        btnDelete.className = "btn-wrap__btn-delete btn-delete";
    const btnDeleteText = document.createElement('b');
        btnDeleteText.className = "btn-delete__text";
    const btnDeleteTextNode = document.createTextNode('....');

    note.appendChild(headerNote);
    headerNote.appendChild(headerNoteLogo);
    headerNoteLogo.appendChild(logoLine);
    headerNote.appendChild(headerNoteName);
    headerNoteName.appendChild(headerNoteNameText);
    headerNote.appendChild(headerControl);
    headerControl.appendChild(btnWrap);
    btnWrap.appendChild(btnEdit);
    btnWrap.appendChild(btnDelete);
    btnDelete.appendChild(btnDeleteText);
    btnDeleteText.appendChild(btnDeleteTextNode);
    });
    
});