title: How to parse multidimensional JSON to html easily?
body: <p>I want to parse json to html easily. I have a multidimensional json. so i want to parse this to html easily. any plugin or any simple code is available ? 
  The following my json file.</p>
  
  <pre><code>    [
          {
              "country": "India",
              "state": [
                  {
                      "name": "Delhi",
                      "capital": "New Delhi"
                  },
                  {
                      "name": "Tamilnadu",
                      "capital": "Chennai"
                  }
              ]
          },
          {
              "country": "USA",
              "state": [
                  {
                      "name": "Alabama",
                      "capital": "Montgomery"
                  },
                  {
                      "name": "Alaska",
                      "capital": "Juneau"
                  }
              ]
  }
  ]
  </code></pre>
  
  <p>The html is like this.</p>
  
  <pre><code>&lt;ul&gt;
          &lt;li&gt;India&lt;/li&gt;
   &lt;ul&gt;
          &lt;li&gt;State1 :capital&lt;/li&gt;
          &lt;li&gt;State2 :capita2&lt;/li&gt;
  
  &lt;/ul&gt;
          &lt;li&gt;USA&lt;/li&gt;
   &lt;ul&gt;
          &lt;li&gt;State1 :capital&lt;/li&gt;
          &lt;li&gt;State2 :capita2&lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to get output like this
  Which is best and simplest way to get this output?</p>