Я хотел бы добавить<li> в конкретной позиции, например:

<ul id="list">
    <li>Position 1</li>
    <li>Position 2</li>
    <li>Position 4</li>
<ul>

Допустим, я хочу добавить новый<li> ниже / после того<li>Position 2</li>Как я могу сделать это с помощью JQuery?

Я пытался сделать это, используя код ниже:

$('#list li:eq(1)').append('<li>Position 3</li>');

Но это не сработало, потому что оно добавляет<li> внутри<li>Position 2</li>вместо этого добавьте<li> ниже / после<li>Position 2</li>.

Может ли кто-нибудь помочь мне?

Спасибо.