jqueryでXMLを読み込んで、要素をHTMLに表示させてみます。
XMLはutf8ですが、HTML側はあえてShiftJISです。文字コードをjquery側で変換してくれるのか?、問題なく表示できます。

XMLはこちら。data.xmlとします。
[xml]
<?xml version="1.0" encoding="utf-8"?>
<cars>
<car>
<maker>スバル</maker>
<name>レガシィ</name>
</car>
<car>
<maker>ホンダ</maker>
<name>シビック</name>
</car>
</cars>
[/xml]

そしてHTMLはこちら。
[xml]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>JQUERY + XML</title>
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function ()
{
$.ajax({
type: "GET",
url: "data.xml",
dataType: "xml",
success: gos
});
});
function gos(xml)
{
$(xml).find("car").each(function()
{
var code = "";
code += ‘<div class="carbox" style="background:#FF0;display:none;">’;
code += $(this).find("maker").text() + " : " + $(this).find("name").text();
code += ‘</div><!–carbox–>’;
$("#disp").append(code);
$(".carbox").fadeIn(1000);
}
}
</script>
</head>

<body>

<div id="disp"></div><!–end:disp–>

</body>
</html>
[/xml]

出力:
[text]スバル : レガシィ
ホンダ : シビック[/text]

each ではなく、セレクターを使ってfor文で表示もできます。データの中からいくつか表示させたい場合はこちらがいいでしょう。
[javascript]
function gos(xml)
{
var num = $(xml).find("car").length;//全部の数
for(i=0;i<num;i++)
{
var tgt = $(xml).find("car:eq("+i+")");
var code = "";
code += ‘<div class="carbox" style="background:#FF0;display:none;">’;
code += tgt.find("maker").text() + " : " + tgt.find("name").text();
code += ‘</div><!–carbox–>’;
$("#disp").append(code);
$(".carbox").fadeIn(1000);
}
}
[/javascript]

一つのデータ(xml)を文字コードの異なる複数のページでも使えるのがいいですね。