title: Loading json File in a HTML file
body: <p>I have a JSON file which contains HTML content. I want to load it in my main HTML file when a user clicks on a button.</p>
  
  <p><code>ABC.json</code> contains:</p>
  
  <pre><code>&lt;li&gt;&lt;img src="images/picture6.jpg" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/picture5.jpg" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/picture4.jpg" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/picture3.jpg" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/picture2.jpg" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="images/picture1.jpg" /&gt;&lt;/li&gt;
  </code></pre>
  
  <p>The Javascript code that I'm using is:</p>
  
  <pre><code>$("button").click(function(){
      $.getJSON("javascript/lib/domain.json", function(data){
          console.log(data);
      });
  });
  </code></pre>
  
  <p>Unfortunately, it doesn't work.</p>