Почему я получаю это необнаруженное SyntaxError: Неожиданный токен: ошибка в Jquery при выполнении запроса get?

Question

Я использую очень простой код только для того, чтобы научиться делать запросы GET в AJAX, но не могу избавиться от этой ошибки, хотя данные, похоже, все равно извлекаются из файла javascript.Любые предложения?

Вот мой тривиальный код для HTML и JS

$.get('JsonData.js', function (data, textStatus) {
    $('p').append(data);
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<div class="container">
  <p></p>
</div>

Вот как выглядит файл JsonData.js:

{name: "John", age: 31, city: "New York"};

и, наконец, вот ошибка:

VM190: 1 Uncaught SyntaxError: Неожиданный токен: в DOMEval (jquery.js: 111) в Function.globalEval (jquery.js: 345) в текстовом скрипте (jquery.js: 9640) в ajaxConvert (jquery.js:8787) в готовом (jquery.js: 9255) в XMLHttpRequest.(jquery.js: 9548)