Goal:

Using jQuery, I'm trying to replace all the occurrences of: 

<code> ... </code>

with:

<pre> ... </pre>

My solution:

I got as far as the following, 

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

The problem with my solution:

but the issues is that it's replacing everything between the (second, third, fourth, etc)"code" tags with the content between the first "code" tags.

e.g. 

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

becomes

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

I think I need to use "this" and some sort of function but I'm afraid I'm still learning and don't really understand how to piece a solution together.

javascript jquery replace
Edit
Report