$.get通信で、指定した要素だけを表示したい

質問

$.jQueryの$.get通信で、指定した要素だけを表示したいのですが、
どうすればよいでしょうか？

▼hoge.html
<h1>練習</h1>
<div id="piyo">ここだけ表示させたい</div>

▼index.html
$.get(
　"hoge.html",
　function(data, status) {
　　$("#result")
　　　.append($("<p/>")
　　　　.append(data)
　　　);
},
　"html"
);

このままだと、全部表示されてしまうので、
$("#piyo")か何かを使って、
"piyo" IDの要素だけを表示させたいのですが、
どうすればよいでしょうか。

回答No.1

reggaepunc

これでどうでしょうか。というご提案。
firefox3.6（mac）では動きました。ie6とか他のブラウザだと動かないかも。
--------------------------------------------------
$.get( 'hoge.html', function( data )
{
$("#result")
.append($("<p/>")
.append( $($(data)[2]).text() ) )
});
--------------------------------------------------

お礼

回答ありがとうございました。

試してみたのですが、残念ながら、
こちらの環境(IE8)ではうまくいきませんでしたー。