Why doesn't $.getJSON work?

Question

JavaScript

The index.html header has this:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="js.js"></script>

In js.js wrote this:

(function() {
    $(document).ready(function(){
        $.getJSON('data.json', function(json) {
            console.log(json);
        });
    });
})();

The browser shows that how the data.json resource appears, that is, it finds it, loads it. But nothing in the body of getJSON fires. even the banal alert('test');

What could be the problem? This example appears on all possible resources. And it even works for them (in the demo). This is absolute plagiarism, but it doesn't work for me...

Answer 1

The problem was the fucking comma... Let's break up.

Answer 2

such requests work only on the server, if you just run it on a computer without a server, it will not work, as far as I remember...