jQuery parse json display results on page

I have some json I need parsed and then displayed on a html page. The project should only use HTML and JS / jQuery to display the data. I have attached the two json files I need parsed and the contents displayed inside of a div. I need this done using $.getJSON... I need the data to load on page load and I need examples of it with and without Ajax. I also need example of it loading on button click. Your code should look something like this when finished... cept it should actually work. Most important keep this drop dead simple... script src="[login to view URL]" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $.getJSON("http://localhost:2286/[login to view URL]", function (data) { $.each([login to view URL], function (i, result) { var quote = [login to view URL]; html = "<li><b>" + quote + "</b></li>"; html += "<hr/>"; $('#resultarea').append($(html)); }); }); }); </script> <div id="resultarea"> </div>