The below code snippet explains how to convert JSON string to JSON object using jQuery
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type = "text/javascript">
        var json = "{Name: 'Mudassar Khan', Age: 27, City: 'Mumbai', Country: 'India'}";
        $("#demo").live("click", function () {
            var person = eval('(' +json + ')');
            $("#txtName").val(person.Name);
            $("#txtAge").val(person.Age);
            $("#txtCity").val(person.City);
            $("#txtCountry").val(person.Country);
        });
    </script>
</head>
<body>
    <form id="form1">
       <input type = "button" id = "demo" value = "Demo" />
       <br />
       <div>
        Name: <input type = "text" id = "txtName" /><br />
        Age: <input type = "text" id = "txtAge" /><br />
        City: <input type = "text" id = "txtCity" /><br />
        Country: <input type = "text" id = "txtCountry" /><br />
       </div>
    </form>
</body>
</html>
 
 
Explanation:
In the above code snippet when the HTML button demo is clicked the JSON string is converted to a JSON object using JavaScript eval function and then the JSON object values are displayed in their respective textboxes.
 
Demo:


Name:
Age:
City:
Country: