javascript - Jqueryを使用してdiv内のdivにiframeをロードするにはどうすればよいですか

Question

私のdivは

<div id="chatMessageArea" class="divBorder">
    <div id="messageArea" class="divBorder"></div>
    <div id="enterMessage" class="divBorder"></div>
</div>

id を持つ div に新しい Iframe をロードする方法messageArea。

私のJquery関数は、

function createIframe(intxnId){

    var iframe = "<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>";
    alert("iFrame Details : "+iframe);
    ("#chatMessageArea").find("messageArea").append(iframe);
}

私のアラート結果は、

そして、次のようなエラーが発生しました。

Object doesnot support this errorこの行で("#chatMessageArea").find("messageArea").append(iframe);。

のIDを持つdiv内のJSPでIFrameを作成するにはどうすればよいですかmessageArea。