将html字符串（json表示）转换为实际的javascript对象

I am printing some php data into a field on my page. The data is json_encoded by the backend.

Now i want to retrieve this information and turn it into a javascript object...

$(document).ready(function(){
    $('.trigger-info-change').click(function(){
        var rel = $(this).attr('rel');
        var td_id = 'info-'+rel;
        var data = $('#'+td_id).html();

        console.log(data);
    });
});

now data is correctly console logging my "object" like this:
{"data":{"id":"1","data1":"1","data2":"2"},{"id":"2","data1":"3","data2":"4"}}

Now the question is how do i turn this html into a actual javascript object... I've tried to use jQuery.parseHtml, and some other things google advised but no luck... would i need a script or is there something like that out there?

Thanks in advance!

If you want use Jquery:

var json = $.parseJSON(data)

Or

var obj = JSON.parse(data);

I think this better to print out JSON String in javascipt.

<script>
    var data = <?php echo $json ?>;
</script>

Which makes :

<script>
    var data = {"data":{"id":"1","data1":"1","data2":"2"},{"id":"2","data1":"3","data2":"4"}};
</script>

But if you insist on your way, use JSON.parse(jsonString).