Eu tenho código que se parece com isso:

<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>

Eu gostaria de usar o jQuery para adicionar o seguinte à lista:

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

Eu tentei isso:

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

Mas isso adiciona o novoli dentro o últimoli (logo antes da tag de fechamento), não depois dela. Qual é a melhor maneira de adicionar issoli?