Dynamically Generated Event Capture

HTML

<!-- Contains dynamically generated paragraphs -->
<div class="note"></div>

<!-- Debug output -->
<div id="output"></div>

CSS

.note {
    width: 300px;
    height: 60px;
    background: #f9f9f9;
    margin: 20px;
    border: 1px solid #eaeaea;
}
.note p {
    margin: 0;
    background: #f1f1f1;
}

JavaScript

$(document).ready(function() {
	$('.note').append('<p contenteditable="true"></p>');

    $('.note').on('keyup', 'p', function(evt) {
        $('#output').append('<br/>dynamic p tag keyup');
    });
});