Использование jQuery для замены одного тега другим

Цель:

Используя jQuery, я пытаюсь заменить все вхождения:

<code> ... </code>

на:

<pre> ... </pre>

Мое решение:

Я дошел до следующего ,

$('code').replaceWith( "<pre>" + $('code').html() + "</pre>" );

Проблема с моим решением:

но проблема в том, что он заменяет все между (вторым, третьим, четвертым и т. Д.) Тегами «code» содержимым между первым »кодом "теги.

например.

<code> A </code>
<code> B </code>
<code> C </code>

становится

<pre> A </pre>
<pre> A </pre>
<pre> A </pre>

Я думаю, мне нужно использовать «это» и какую-то функцию, но я боюсь, что все еще учусь и действительно не понимаю, как собрать решение воедино.