PHP отправляет обратно пустое тело

Я пытаюсь отправить данные формы из Vue Resource на мою страницу PHP. Я вижу, что он отображается на странице PHP, но когда я отправляю его обратно как JSON, я получаю пустой ответ. Почему он посылает пустой ответ?

Редактировать:

Похоже, проблема заключается в том, что значение для кнопки отправки не задано в PHP. Я не знаю, почему это происходит. Пробовал использовать $_REQUEST и axios/$.post но это не имеет никакого значения.

PHP:

 if(isset($_POST['submit']){ echo json_encode($_POST); } 

JS:

 this.$http.post('addalbum.php', new FormData($('#submitalbum'))) .then(data => console.log(data)); 

HTML:

 <form class="col s12" id="submitalbum" method="post" action="addalbum.php"> <div class="row"> <div class="input-field col s6"> <input name="artist" placeholder="Artist" type="text"> </div> <div class="input-field col s6"> <input name="title" placeholder="Title" type="text"> </div> </div> <div class="row"> <div class="input-field col s12"> <input name="genre" placeholder="Genre"> </div> </div> <div class="row"> <div class="input-field col s12"> <input id="released" type="number" name="released" placeholder="Year Released"> </div> <button @click.prevent="addNewAlbum" name="submit" class="waves-effect waves-light btn">Submit</button> </div> </form>