Jquery transform HTML

Jquery transform HTML

I have the following in my HTML:
<ul class="listagem1">
<li class="grd2"> <span></span>
<ul class="det_imovel">
<ul>
<li><strong>TIPO:</strong> Carro</li>
<li><strong>VALOR:</strong> R$10,00</li>
</ul>
<ul>
<li><strong>ANUNCIO:</strong> Vendo este automóvel</li>
</ul>
</ul>
<div></div>
</li>
</ul>
And I'd like to to change to that another code with one click. In other
words, I need to get all li contents and set it in <p>. However, I can't
make it!
<ul class="listagem1">
<li class="grd2 brd_orange">
<p> <strong>Tipo do Imóvel:</strong>
<br> <strong>Bairro:</strong>
<br> <strong>Finalidade:</strong>
<br> <strong>Anúncio:</strong>
<br> <strong>Valor:</strong>
<br> <strong>Contato:</strong>
<br>
</p>
<div class="bl_bt" style="left:13px;"> <a class="bt_gray
bg_orange_mn" style="margin-left:10px;"> <span
class="ico_detalhes"></span> Detalhes </a>
</div>
</li>
</ul>
Anyone can help me ? It's possible ?