title: jQuery replace <p> tag with line break
body: <p>I have a html text like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;1111&lt;/p&gt;
      &lt;p&gt;2222&lt;/p&gt;
      &lt;p&gt;3333&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to replace <code>&lt;p&gt;</code> tag with line break but make all text into <code>&lt;p&gt;</code> tag:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;
          1111
          &lt;br/&gt;
          2222
          &lt;br/&gt;
          3333
          &lt;br/&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried with <code>replaceWith</code> but the result was different from what I want</p>