leer json con jquery

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
    <script src="script.js"></script>
  </head>

<body>

<div id="demo"></div>
<div id="demo2"></div>

</body>
</html>

// Add your javascript here
$.getJSON('spawn.json', function(data){
  //$('#demo').text(out);
  var out = "<ul>";
  for(var i = 0; i < data.result.length; i++) {
        out = '<li>' +
        data.result[i].pokemon_id 
        + '</li>';
    }
     out += "</ul>";
    $('#demo').html(out);
});


$.getJSON("http://ipinfo.io", function(response) {
  //console.log(response.ip, response.country);
  document.getElementById("demo2").innerHTML = response.ip, response.country;
}, "jsonp");

/* Put your css in here */

h1 {
  color: red;
}

{"result":[{"spawn_point_id":"001","encounter_id":"p001","pokemon_id":"DITTO","expiration_timestamp_ms":"1481152524000","latitude":41.48233,"longitude":2.32949},{"spawn_point_id":"002","encounter_id":"p002","pokemon_id":"EEVEE","expiration_timestamp_ms":"1481152691000","latitude":41.48603,"longitude":2.32365},{"spawn_point_id":"003","encounter_id":"p003","pokemon_id":"DRATINI","expiration_timestamp_ms":"1481152942000","latitude":41.48351,"longitude":2.32374}]}