title: Open Exchange Rates API usage
body: <p>I'm looking at an API here: </p>
  
  <p><a href="https://openexchangerates.org/documentation" rel="nofollow">https://openexchangerates.org/documentation</a></p>
  
  <p>The call is:</p>
  
  <p><code>http://openexchangerates.org/api/latest.json?app_id=YOUR_APP_ID</code></p>
  
  <p>And the return is:</p>
  
  <pre><code>{
  "disclaimer": "Exchange rates provided by [...]",
  "license": "Data collected and blended [...]",
  "timestamp": 1319730758,
  "base": "USD",
  "rates": {
      "AED": 3.672626,
      "AFN": 48.3775,
      "ALL": 110.223333,
      "AMD": 409.604993,
      /* 160 fx rates available - see currencies.json */
      "YER": 215.035559,
      "ZAR": 8.416205,
      "ZMK": 4954.411262,
      "ZWL": 322.355011
  }
  }
  </code></pre>
  
  <p>My question here is, how do I use this to display the INR rate which is returned? In my <a href="http://jsfiddle.net/Newtt/4AKaJ/" rel="nofollow">fiddle</a>, I've only got as far as calling the API with my App ID which needs to be displayed in the <code>&lt;span class="display"&gt;</code>. I'm not very fluent with JSON and it's associated functions. </p>
  
  <p>Thanks!</p>