How to remove jquery json popup?

Question

Where am I going to add jquery json data to the html page. All components of the HTML page disappear and display only json data at the top left of the page:

$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) { document.write('Latitude: ' + data.latitude + '\nLongitude: ' + data.longitude + '\nCountry: ' + data.address.country); } ); 

Answer 1

Reading the documentation for document.write() , we find this:

Writes a line of text to the document stream opened by document.open() . [...]
Writing to a document that is already loaded without calling document.open() will automatically make the document.open call

... and the documentation for document.open() says:

The document.open () method opens a document for writing. [...]
If the document exists in the target, this method clears it.

Using document.write() to enter raw HTML is perhaps the most annoying tool for creating dynamic documents. You are using jQuery using your DOM manipulation tools.