title: How to replace '<p>' with '<li>' in an array in jQuery?
body: <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>