Обернуть все созданные элементы после нажатия

Question

$('input[name="iplus"]').click(function() {
    $("#billsumary").append("<li>Test</li>");
}); 

Я добавляю li-elemnt к каждому клику. Теперь я хотел бы обернуть все созданные li-элементы в ol-элемент, но не каждый созданный, а все вместе .

Пример вывода HTML:

<div id='billsumary'>
    <ol>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        ...
        <li>Test</li>
    </ol>
</div>

Answer 1

Возможно, вы захотите создать <ol> в начале и добавить к нему новые элементы:

var ol = $('<ol />').appendTo("#billsumary");

$('input[name="iplus"]').click(function() {  
    $(ol).append("<li>Test</li>");
});