jquery의 each 와 clone ㅡ,.ㅜ

마땅히 스크립트 관련한 질문글을 올릴만한 곳을 찾지 못해서 자유로운 게시판에 ^-^

<ul>
    <li>내용<p>내용</p><div class="dialog"></div></li>
    <li>내용<p>내용</p><div class="dialog"></div></li>
</ul>

여기서 <p>내용</p> 을 clone()를 이용해서 <div class="dialog"></div> 안에 복사하려 합니다.
<p>내용</p>은 각각 다르기 때문에

        $(".ul li").each(function(){
            $(this + 'p').clone().appendTo(this + '.dialog');
        });

요렇게 해줬습니다.
근데 왜 제대로 복사가 안될까요 ㅡ,.ㅜ

게다가 jQuery UI 중 dialog()를 같은 class로 호출해서 쓰려고
        $(".dialogview").click(function(){
            $(this).next(".dialog").dialog("open");
            return false;
        });
이렇게 해주고
<a href="" class="dialogview">다얄로구열기</a>
<div class="dialog"></div>
했는데 안열리네요 -_-;;

오늘 오후 내내 삽질하다가 글 올려봅니다 ㅠ.ㅠ