Здравствуйте, собственно вопрос: на странице есть список такого вида:

<ul class="nav">
<li> </li>
<li> </li>
<li> </li>
<!--и т. д.-->
</ul>

Последний элемент списка в принципе не нужен, поэтому при загрузке страницы я его удаляю:

$(function() {
$('.nav li:last').remove();
});

В общем-то всё работает норм, но элемент удаляется после полной загрузки страницы, а в процессе загрузки он виден, что не есть гуд. Можно ли решить эту проблему?