jQuery.get，XML Uncaught TypeError：无法读取属性＆＃39; ownerDocument＆＃39;为null

Question

我有一个简单的网络服务，其响应如下：

<?xml version="1.0" encoding="utf-8"?>
<ArrayOfPerson xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://tempuri.org/">
  <Person>
    <PersonId>111</PersonId>
    <FirstName>343</FirstName>
    <LastName>343</LastName>
  </Person>
  <Person>
    <PersonId>12312</PersonId>
    <FirstName>afasdf</FirstName>
    <LastName>asdfasdf</LastName>
  </Person>
  <Person>
    <PersonId>112</PersonId>
    <FirstName>test</FirstName>
    <LastName>test</LastName>
  </Person>
  <Person>
    <PersonId>113</PersonId>
    <FirstName>test</FirstName>
    <LastName>test</LastName>
  </Person>
  <Person>
    <PersonId>100100100</PersonId>
    <FirstName>blah</FirstName>
    <LastName>blah</LastName>
  </Person>
  <Person>
    <PersonId>555</PersonId>
    <FirstName>555</FirstName>
    <LastName>555</LastName>
  </Person>
  <Person>
    <PersonId>123</PersonId>
    <FirstName>john</FirstName>
    <LastName>smith</LastName>
  </Person>
  <Person>
    <PersonId>234</PersonId>
    <FirstName>jane</FirstName>
    <LastName>doe</LastName>
  </Person>
  <Person>
    <PersonId>345</PersonId>
    <FirstName>thomas</FirstName>
    <LastName>duberville</LastName>
  </Person>
</ArrayOfPerson>

这是以下JS的要求：

 var url = '../Service.asmx/GetPersons';
        $.get(url, function (data) {
            for (var prop in data) {
                $('body').append(data);
            }
        });

这是我的本地主机。当我控制台.log时，我得到：

如果我尝试简单地将数据变量附加到页面，我会得到标题中列出的错误，如果我尝试console.log($(data).find(attribute)))，我会得到一个没有任何相关数据的jQuery对象。如果我想继续使用get请求并将这些结果放在页面上，那么我需要做些什么来改变呢？