jQueryの$.ajax()でXML取得

// XML
<root>
	<book name="漫画">
		<price>400</price>
	</book>
	<book name="雑誌">
		<price>500</price>
	</book>
	<book name="文庫本">
		<price>500</price>
	</book>
</root>

// HTML
<div id="result">
</div>

// javascript
$(function() {
	$.ajax( {
		url: "data.xml",
		type: 'GET',
		success:function(data) {
			var $dl = $("<dl/>");
			
			$(data).find("book").each(function() {
				var $book = $(this);
				$dl.append($("<dt/>").append($book.attr("name")));
				
				$(this).find("price").each(function() {
					var $price = $(this);
					$dl.append($("<dd/>").append($price));
				});
			});
			$dl.appendTo("#result");
		}
	});
});