title: using jquery to read json file
body: <p>I am trying to read a json file using the getJSON function in jquery, I haven't done this before I would just like to get the data to appear on my webpage</p>
  
  <p>here is my code</p>
  
  <pre><code>var url = "http://api.openweathermap.org/data/2.5/forecast?lat=35&amp;lon=139&amp;callback=?" ; 
  $.getJSON(url, function(res) {
      $('#result').html('&lt;p&gt;lon: ' + res.lon + '&lt;/p&gt;');          
  </code></pre>
  
  <p>});  </p>
  
  <p>here is my json file</p>
  
  <pre><code>{"coord":
   {
    "lon":-0.12574,
    "lat":51.50853
   },
   "sys":
   {
    "country":"GB",
        "sunrise":1380780339,
        "sunset":1380821577
       },
   "weather":
  [{
    "id":521,
        "main":"Rain",
        "description":"proximity shower rain",
        "icon":"09n"
       }],
   "base":"gdps stations",
   "main":
     {
       "temp":290.43,
       "pressure":1008,
       "humidity":88,
       "temp_min":289.15,
       "temp_max":291.48
      },
  "wind":
     {
       "speed":3.1,
       "deg":140
      },
  "rain":
     {
       "1h":1.65
     },
  "clouds":
       {
        "all":40
       },
  "dt":1380823503,
  "id":2643743,
  "name":"London",
  "cod":200
       }
  </code></pre>