Вывод сообщений онлайн чатом на экран

Есть страница chat.html на которой есть поле ввода сообщения, кнопка отправки и поле вывода(таблица).До перехода на эту страницу пользователь авторизуется на другой(имя сохраняется сессией) и на chat.html после введения пользователем сообщения и нажатия кнопки отправки в этой таблице должно выводиться время, имя и само сообщение.

Вот AJAX на отправку самого сообщения в php и если все прошло успешно то идет вывод на экран.

$(document).ready(function() { 
  $('#easyForm').submit(function() { 
    var text = $('#text').val(); 
    $.ajax({ 
      type: 'POST', 
      url: 'php/chat_script.php', 
      data: { 
        message: text 
      }, 
      success: function(arr) { 
        $('#time').html(arr.time); 
        $('#name').html(arr.user); 
        $('#message').html(arr.message); 
      } 
    }); 
    return false; 
  }); 
});

table#messages { 
  width: 490px; 
  height: 260px; 
  background: #fffecd; 
  border: none; 
} 
 
td#time, 
td#name { 
  width: 100px; 
} 
 
td#name { 
  font-weight: bold; 
} 
 
div#inputs { 
  width: 495px; 
} 
 
form#text_submit { 
  display: inline-flex; 
  align-items: flex-start; 
} 
 
input#text { 
  width: 370px; 
  height: 30px; 
  margin-top: 20px; 
  background: #fffecd; 
  font-family: 'Montserrat'; 
  font-size: 16px; 
  border: none; 
  align-self: flex-start; 
} 
 
input#submit { 
  padding: 0; 
  margin-left: 21px; 
  margin-top: 21px; 
  height: 30px; 
  width: 100px; 
  background: #635960; 
  border: none; 
  color: white; 
  font-family: 'Montserrat'; 
  font-size: 16px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="inputs"> 
  <table id="messages"> 
    <tr> 
      <td id="time"></td> 
      <td id="name"></td> 
      <td id="message"></td> 
    </tr> 
  </table> 
  <form method="POST" id="easyForm"> 
    <input type="text" name="text" id="text"> 
    <input type="submit" value="Send" id="submit"> 
  </form> 
</div>

Вот php, в AJAX данные возвращаются в виде json строки. Подскажите, что я не так делаю?

<?php
session_start();
$user = $_SESSION['user'];
$message = $_POST['message'];
$time = date('H:i:s');
$file = "../data/messages.json";
$json_content = json_decode(file_get_contents($file), true);
$content = array();
if(is_array($json_content)) {
    $content = $json_content;
}
if (!empty($message)) {
    $content[] = array("time" => $time, "user" => $user, "message"  => $message);
    file_put_contents($file, json_encode($content, JSON_PRETTY_PRINT),FILE_APPEND);
}
echo json_encode($content);
?>

Ошибка

VM45:1 Uncaught SyntaxError: Unexpected token u in JSON at position 18
at Function.parse [as parseJSON] (<anonymous>)
at Object.success (message.js:14)
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at A (jquery.min.js:4)
at XMLHttpRequest.<anonymous> (jquery.min.js:4)

Ошибка при JSON.parse

Uncaught SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)
at Object.success (message.js:18)
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at A (jquery.min.js:4)
at XMLHttpRequest.<anonymous> (jquery.min.js:4)
success @ message.js:18
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
A @ jquery.min.js:4
(anonymous) @ jquery.min.js:4

Cодержание $content - {"time":"13:23:09","user":"qwe","message":"qwe"}