Event interview question

HTML

<p>Given the code below, please invoke the toggleBold function on a paragraph when it is  clicked.</p>
    
<button>Click to add another paragraph</button>
<div id="container">
    <p>Paragraph click to change color</p>
</div>

CSS

.bold {
    font-weight: bold;
}

JavaScript

$('button').on('click', function() {
    $('#container').append("<p>I've been added</p>");
});

function toggleBold(element) {
    $(element).toggleClass("bold");
}

$('p').on('click', function() {
	console.log('test');
	toggleBold(this);
});