jQuery - HTML5, JavaScript, and jQuery - page 136

</tr>
</thead>
<tbody>
</tbody>
</table>
<nav>
<a href="#" id="btnAddTask">Add task</a>
</nav>
</section>
</main>
<footer>You have 3 tasks</footer>
</body>
<script>
$(document).ready(function() {
$('[required="required"]').prev('label').append( '<span>*</span>').children( 'span').addClass('required');
$('tbody tr:even').addClass('even');
$('#btnAddTask').click(function(evt) {
evt.preventDefault();
$('#taskCreation').removeClass('not');
});
$('tbody tr').click(function(evt) {
$(evt.target).closest('td' ).siblings( ).andSelf( ).toggleClass( 'rowHighlight');
});
$('#tblTasks tbody').on('click', '.deleteRow', function(evt) {
evt.preventDefault();
$(evt.target).parents('tr').remove();
});
$('#saveTask').click(function(evt) {
evt.preventDefault();