Appending after an element in jQuery

Question

I'm using jQuery in my current project. I have an list of elements with unique ids. I would like to pick out a particular element and append a new list item after that element. For example, if I have something like:

<ul>
    <li id="one">one</li>
    <li id="three">three</li>
</ul>

I would like to append <li id="two">two</li> after the list item with an id of one.

Thanks.

Answer 1

Use the imaginatively named after method.

Answer 2

$('ul #one').after('<li id="two">two</li>');