Jak złożyć <ul> za pomocą jQuery append ()?

Próbuję użyć funkcji dołączania i napotkałem to:

$("#details").append('<ul>');
for (var i = 0; i < 10; i++) {
    $("#details").append('<li>something</li>');
}
$("#details").append('</ul>');

Wygląda na to, że<li> elementy renderują ZEWNĄTRZ<ul> etykietka.

Czy to błąd jQuery?