[jQuery] Remove DOM siblings after current item

[[EMAIL PROTECTED]]

I have the following DOM:

<ul>
<li>blah 1</li>
<li id="appendExtraAppointments">blah 2</li>
<li>blah 3</li>
<li>blah 4</li>
</ul>

I would like to remove the li elements after the <li
id="appendExtraAppointments">blah 2</li>.

I tried doing something like this, but it didn't work:

$('#appendExtraAppointments').siblings().not($('li').prev).remove();

Any ideas?

Thanks!