title: Parse local JSON file with jQuery and Javascript
body: <p>I'm trying to parse a JSON file located on my computer. I want to parse it. The JSON file has this structure:</p>
  
  <pre><code>{
    "sites": {
      "site": [
        {
          "id": "01",
          "name": "Sito 1",
          "src": "localhost/root/coupon/sito1",
          "expiryDate": "29 Ago 2013"
        },
        {
          "id": "02",
          "name": "Sito 2",
          "src": "localhost/root/coupon/sito2",
          "expiryDate": "30 Ago 2013"
        },
        {
          "id": "Sito 3",
          "name": "Sito 3",
          "src": "localhost/root/coupon/sito2",
          "expiryDate": "31 Ago 2013"
        }
      ]
    }
  }
  </code></pre>
  
  <p>In my html I import the jQuery library and I made a function that will load when the page is loaded. The code is below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="it"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/&gt;  
          &lt;title&gt;Lista coupon&lt;/title&gt;
          &lt;script type="text/javascript" src="jquery-1.9.1.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" charset="utf-8"&gt;
              function loadJson() {
                  window.alert("Carico il contenuto del file JSON per popolare la lista");
                  $(document).ready(function()
                      {
                          $.getJSON('data.json', function(json) {
                              console.log(json);
                          });
                      });
                  }
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body onload="loadJson();"&gt;
          &lt;div id="header"&gt;
              &lt;h1&gt;Lista coupon salvati&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div id="content"&gt;
              &lt;p&gt;Di seguito trovi tutte le promozioni salvate&lt;/p&gt;
  
          &lt;/div&gt;
          &lt;div id="footer"&gt;
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now I saw on firebug console that it can read correctly the JSON file, but I don't know how to parse this JSON. I searched in google, but I found a lot of example that use a remote JSON. Can you help me to understand how to parse a local JSON file?
  Thank you</p>
  
  <p>PS: note the site I post on here it's made for mobile browser.</p>