title: Load multiple json files and display it to the html using ajax and jquery
body: <p>I am trying to grab three different json files that contain objects and load them into a single page using the jquery get method. I need to grab the objects and display all three to the page using jquery. I am having trouble loading and displaying all three... any help is appreciated. Thanks!</p>
  
  <p>Here is the code: </p>
  
  <pre><code>$(document).ready(function(){
  $("button").click(function(){
      $.get("objectone.json", function(data){
          $('#mydiv').html((JSON.stringify(data)));
      });
      $.get("objectwo.json", function(data){
          $('#mydiv').html((JSON.stringify(data)));
      });
      $.get("objectthree.json", function(data){
          $('#mydiv').html((JSON.stringify(data)));
      });
    });
  });
  </code></pre>
  
  <p>and the HTML: </p>
  
  <pre><code>&lt;button type="button" name="button"&gt;Click Me&lt;/button&gt;
  
  &lt;div id="mydiv"&gt;
  
  &lt;/div&gt;
  </code></pre>