title: Loading JSON file with plain JavaScript, no framework, no jQuery
body: <p>I am trying to get my head over JSON file, to load and access properties with native js and display them on html.</p>
  
  <p>This is my JSON file/</p>
  
  <pre><code>      {
        "London": [
          {
            "Manchester": [
              {
                "id": 1,
                "isFurnished": true,
                "price": "1300",
                "hasBalcony": true,
                "bedRooms": 2,
                "type": "Long term",
                "features": {
                  "security": "Secure Gated Parking",
                  "access": "Close To Schools &amp; Doctors"
                }
              },
    {
                "id": 2,
                "isFurnished": true,
                "price": "1300",
                "hasBalcony": true,
                "bedRooms": 2,
                "type": "Long term",
                "features": {
                  "security": "Secure Gated Parking",
                  "access": "Close To Schools &amp; Doctors"
                }
              },
              "Manchester Area",
              [
                {
                  "id": "Manchester Science Park",
                  "isFurnished": false,
                  "price": "739",
                  "hasBalcony": false,
                  "bedRooms": 1,
                  "type": "Moderate term",
                  "features": {
                    "fun": "On-site cafe",
                    "parking": "Options for car parking",
                    "meeting": "Free informal meeting space"
                  }
                },
                {
                  "id": "Manchester Science Park",
                  "isFurnished": false,
                  "price": "739",
                  "hasBalcony": false,
                  "bedRooms": 1,
                  "type": "Moderate term",
                  "features": {
                    "fun": "On-site cafe",
                    "parking": "Options for car parking",
                    "meeting": "Free informal meeting space"
                  }
                },
                {
                  "id": "Manchester Science Park",
                  "isFurnished": false,
                  "price": "739",
                  "hasBalcony": false,
                  "bedRooms": 1,
                  "type": "Moderate term",
                  "features": {
                    "fun": "On-site cafe",
                    "parking": "Options for car parking",
                    "meeting": "Free informal meeting space"
                  }
                }
              ]
            ]
          }
        ]
      }
  </code></pre>
  
  <p>Okey, here is my JSON. As you can see, i want to build real estate for me and to have some project as a portfolio.</p>
  
  <p>For example when page loads, I want to show every listing for specific city. For example. In my JSON i have Manchester, but i will have more cities. So, page loads and every city is shown Manchester, LOndon, Chelsea etc.
  So when item Manchester is clicked, to display every object under Manchester array.</p>
  
  <p>How the hell to do that? </p>