国家明智地显示不同的内容

Question

我尝试使用此代码显示不同国家/地区的不同内容，而els显示默认内容。这是我的代码先生，我认为我犯了错误，这就是为什么它无法正常工作的原因，请帮忙。

    <script>
$.get("http://freegeoip.net/json/", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#country_code").html(response.country_code);
    if(response.country_code=='CA'||response.country_code=='IN'){
        document.getElementById(response.country_code).style.display = "block";
    }
}, "jsonp");
</script>
<style>
#IN { text-align: left; color: blue; display:none;} 
#CA { text-align: left; color: blue; display:none;} 
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ip">Loading...</div>
<div id="country_code"></div>
<div id="CA">THE CA</div>
<div id="IN">THE IN</div>