How to replace '<p>' with '<li>' in an array in jQuery?
<p>Let's say I have this</p>

<pre><code>$(document).ready(function() {
   var array = $.makeArray($('p'));
   $(array).appendTo(document.body);
   });
});
</code></pre>

<hr>

<pre><code>&lt;p&gt;how&lt;/p&gt;
&lt;p&gt;are&lt;/p&gt;
&lt;p&gt;you&lt;/p&gt;
&lt;p&gt;baby?&lt;/p&gt;
</code></pre>

<p>If I want to replace <code>&lt;p&gt;</code> with <code>&lt;li&gt;</code> and expected output is ...</p>

<pre><code>&lt;li&gt;how&lt;/li&gt;
&lt;li&gt;are&lt;/li&gt;
&lt;li&gt;you&lt;/li&gt;
&lt;li&gt;baby?&lt;/li&gt;
</code></pre>

<p>What should I do? Thanks in advance!</p>
