Вывод содержимого Json файла на экран

Есть json файл в котором содержатся сообщения вида

$content[]

[{
    "time": "15:58:37",
    "user": "qwe",
    "message": "With []"
},
{
    "time": "15:58:38",
    "user": "qwe",
    "message": "With []"
}]

$content

{
    "time": "15:59:06",
    "user": "qwe",
    "message": "Without []"
}{
    "time": "15:59:17",
    "user": "qwe",
    "message": "Without []"
}

Нужно с этого файла загружать сообщения при переходе на страницу html. Выводиться они должны в таблицу, для каждого сообщения новая строка: время, имя, сообщение.

<table id="messages">
    <tr class="mess_hide">
        <td class="time"></td>
        <td class="name"></td>
        <td class="message"></td>
    </tr>
</table>

Пытаюсь сделать это с помощью getJSON но ничего не получается. Что я делаю не так?

$(document).ready(function() { 
  $.getJSON('data/messages.json', function(data) { 
    $('#messages').append($('.mess_hide').clone().addClass('mess_tmp').removeClass('mess_hide')); 
    $('.mess_tmp>.time').html(data.time); 
    $('.mess_tmp>.name').html(data.user); 
    $('.mess_tmp>.message').html(data.message); 
    $('.mess_tmp').removeClass('mess_tmp'); 
  }); 
});

Запись в файл

$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;
 }
 $content = array("time" => $time, "user" => $user, "message"  => $message);
 file_put_contents($file, json_encode($content, JSON_PRETTY_PRINT),FILE_APPEND);