JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <h1>An article about John</h1>
    <p>The frist paragraph is about John.</p>
    <p>The second paragraph contains a <a href="#">link to John's CV</a>.</p>
    <div class="comments">
        <h2>Comments to John's article</h2>
        <ul>
            <li>Some user asks John a question.</li>
            <li>John responds.</li>
        </ul>
    </div>
</div>

JavaScript

$('#test').html(function(i, v) {
    return v.replace(/John/g, 'Peter');    
});