Format JSON in jQuery

HTML

<span>Original JSON:</span>
<pre id="fJson"></pre>
<span>Formatted JSON:</span>
<pre id="pJson"></pre>

CSS

body {
  font-family: calibri;
}

span {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
  text-decoration: underline;
  color: blue;
}

pre {
  font-size: 14px;
}

JavaScript

var jData = '[{"fname":"Mark", "lname":"Wood", "company":"Apple"},' +
  '{"fname":"Steve", "lname":"Jones", "company":"Amazon"},' +
  '{"fname":"Bill", "lname":"Peterson", "company":"HP"},' +
  '{"fname":"Peter", "lname":"Jacobs", "company":"Dell"}]';
$('#fJson').html(jData);
var tmpData = JSON.parse(jData);
var formattedJson = JSON.stringify(tmpData, null, '\t');
$('#pJson').html(formattedJson);