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
function logResults(json){
    console.log(json);
  }
  $.ajax({
    url: "https://api.cryptowat.ch/markets/bitflyer/btcjpy/price?callback=?",
    dataType: "jsonp",
    jsonpCallback: "logResults"
  });

試したこと

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

javascript
function logResults(json){
    console.log(json);
  }
  $.ajax({
    url: "https://api.github.com/users/ocknamo?callback=?",
    dataType: "jsonp",
    jsonpCallback: "logResults"
  });

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

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

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

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

追記

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

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