JavascriptでJSONPを取得できるAPIとできないAPIの違いがわからない。

前提・実現したいこと

クライアント側のjavascriptでAPIを叩いてビットコインの値段を取得しようとしています。取得元のドキュメントはこちらです。
https://cryptowatch.jp/docs/api#market

発生している問題・エラーメッセージ

コンソールに以下のエラーが表示され、JSONが表示されません。

Uncaught SyntaxError: Unexpected token :

エラー箇所はこちらが表示されます。
{"result":{"price":972130},"allowance":{"cost":774443,"remaining":7995228977}}

該当のソースコード

javascript
1function logResults(json){
2    console.log(json);
3  }
4  $.ajax({
5    url: "https://api.cryptowat.ch/markets/bitflyer/btcjpy/price?callback=?",
6    dataType: "jsonp",
7    jsonpCallback: "logResults"
8  });

試したこと

例えばgithubのAPIなどではエラーが出ずコンソールにJSONが表示されます。

javascript
1function logResults(json){
2    console.log(json);
3  }
4  $.ajax({
5    url: "https://api.github.com/users/ocknamo?callback=?",
6    dataType: "jsonp",
7    jsonpCallback: "logResults"
8  });

他の取引所系のAPIも表示できませんでした。(bitflyer,Zaif,coincheck)

補足情報（FW/ツールのバージョンなど）

ブラウザはchrome,firefoxで確認しました。Networkのstatusは200となっています。

これらのエラーが出るものと出ないものの違いが何なのかわかりません。
アドバイスをよろしくお願いします。

追記

HTML側のソースは以下のようにしています。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7    <title>JSONPのテスト</title>
8</head>
9<body>
10    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
11    <script src="ifyoubuybtc.js"></script>
12</body>
13</html>