jQuery problem z DOM

wiatm
mam prosty skrypt który generuje link po wciśnięciu w link ma sie wykonac zdarzenie które sie nie wykonuje, podejrzewam ze do przez DOM

$(document).ready(function(){
    $('button').on('click',function(){
        let i = 4
        $('div').html('<a href=#>test</a>')
    })
    click();

})
function click(){
    $('a').on('click',function(){
        console.log('test');
})
}```

Z tego co pamiętam, do podpięcia się pod event emitowany z dynamicznie utworzonego elementu, musisz podpiąć się pod jakiegoś jego parenta
https://jsfiddle.net/z9cqfb07/1/

co ma sie stac po kliknieciu bo nic sie nie dzieje