JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output"></div>

JavaScript

var out=$('#output');

//This is already an object. No need to convert it to one. No need for JSON.parse. Notice the string representation that is appended to the html to the right.
out.text([{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]);

out.append('<br /><br />');

//This is a string. Appending it to the html shows that, as it does not change it in any way by asking it for a string representation.
out.append('[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]');

out.append('<br /><br />');

//This is similar to the first example. The string representation of the object is appended to a single quote, and another single quote is appended to that.
out.append("'"+[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]+"'");