.append（）在wordpress中不起作用

Question

标题中的代码：

<script>
  jQuery(document).ready(function() {
    jQuery('head').append('<script type="text/javascript" src="<?php echo esc_url( get_template_directory_uri() . '/js/price.js' ); ?>" />');
  });
</script>

price.js：

var usd, eur;
$( window ).load(function getPrice() {
    var usdApi = "https://api.bitcoinaverage.com/ticker/global/USD/last";
    var euroApi = "https://api.bitcoinaverage.com/ticker/global/EUR/last";

    $.getJSON(usdApi, function(data){
      usd = data;
    });
    $.getJSON(euroApi, function(data){
      eur = data;
    });

    alert('test'); //working

    $("#usd").append(usd);
    $("#euro").append("test"); //working
});

但是，如果我在js-console $("#usd").append(usd);中写入它就可以了。似乎存在var usd，在运行脚本之前加载了DOM及其内容。