как вставить новый тег лития в указанном местоположении?

Я хотел вставить тег лития посреди списка тегов лития на основе набора класса CSS к тегу лития с помощью jQuery. Рассмотрите следующее

<ul class="myList">
     <li><a href="#">test 1</a></li>
     <li class="active"><a href="#">test 2</a></li>
     <li><a href="#">test 3</a></li>
     <li><a href="#">test 4</a></li>
    <li><a href="#">test 5</a></li>
    <li><a href="#">test 6</a></li>
</ul>

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

<ul class="myList">
     <li><a href="#">test 1</a></li>
     <li class="active"><a href="#">test 2</a></li>
     <li><a href="#">My new Tag</a></li>
     <li><a href="#">test 3</a></li>
     <li><a href="#">test 4</a></li>
    <li><a href="#">test 5</a></li>
    <li><a href="#">test 6</a></li>
</ul>

Я попробовал .appendTo, .insertAfter, .append и т.д., но не мог получить результат, который я хотел. Какая-либо идея, как это может быть достигнуто?