Mam kod, który wygląda tak:

<div id="header">
    <ul class="tabs">
        <li><a href="/user/view"><span class="tab">Profile</span></a></li>
        <li><a href="/user/edit"><span class="tab">Edit</span></a></li>
    </ul>
</div>

Chciałbym użyć jQuery, aby dodać następujące elementy do listy:

<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>

Próbowałem tego:

$("#content ul li:last").append("<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>");

Ale to dodaje noweli wewnątrz ostatnili (tuż przed tagiem zamykającym), nie po nim. Jaki jest najlepszy sposób na dodanie tegoli?