Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Insert content next to an element.
before() and after() is easiest to learn by reading the example, changing it, and observing the result.
$('#list').append('<li>Added at the end</li>');
$('#list').prepend('<li>Added at the start</li>');
$('#title').before('<p>Inserted before</p>');
$('#title').after('<p>Inserted after</p>');Practice the before() and after() example in a small scratch file, then explain what changed and why.