 <p>Update:</p> <p>Use the <a href="http://api.jquery.com/replacewith/" rel="nofollow">replaceWith</a> jquery for this, for example:</p> <pre><code>&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;find demo&lt;/title&gt; &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;ol type="1"&gt; &lt;h1&gt;Main Title&lt;/h1&gt; &lt;/ol&gt; &lt;script&gt; $("h1").replaceWith( "&lt;li&gt;" + $("h1").text() + "&lt;/li&gt;" ); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>