данные, отправленные с использованием JavaScript-объекта FormData, возвращают весь HTML

Я отправляю данные из формы, используя JavaScript FormData Объект. В основном у меня есть следующий код:

HTML

<form action='test.php' id='test' method='post'>
<input type='text' name = 'text' />
<input type='submit' />
</form>

Я использую AJAX для отправки этой формы. Вот код:

Javascript

var form = document.getElementById('test');
form.addEventListener('submit',function(e) {
e.preventDefault();
var xhr = new XMLHttpRequest,
fd = new FormData(form);
xhr.open('post','test.php',true);
xhr.onload = function(oEvent) {
if (xhr.status == 200) {
alert(xhr.responseText);
} else {
alert("Error " + xhr.status);
}
};
xhr.send(fd);
});

И вот test.php файл, который получает запрос:
PHP

if(isset($_POST['text'])) {
echo $_POST['text'];
} else {
echo "Nothing Received";
}

Скрипт PHP получает отправленную форму. Проблема в том, что текст ответа, отправляемый PHP-скриптом, представляет собой всю необработанную HTML-разметку моей страницы. У меня вопрос, как мне прочитать только значение поля ввода с именем текст Итак echo $_POST['text'] строка выше возвращает только это значение?