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

XMLはこちら。data.xmlとします。

<?xml version="1.0" encoding="utf-8"?>
<cars>
	<car>
		<maker>スバル</maker>
		<name>レガシィ</name>
	</car>
	<car>
		<maker>ホンダ</maker>
		<name>シビック</name>
	</car>
</cars>

そしてHTMLはこちら。

<!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>

出力:

スバル : レガシィ
ホンダ : シビック

each ではなく、セレクターを使ってfor文で表示もできます。データの中からいくつか表示させたい場合はこちらがいいでしょう。

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);
	}
}

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