How to set a json object to the hidden input

Question

I want to store a json object into a hidden input for submit and send to server side.

<input type='hidden' id='permissions' name='permissions' />

During submission :

<input type='hidden' id='permissions' value='[{"1" : "deny", "2": "deny", "5" : "allow"}]' name='permissions' />

I used bellow line but not working :

$('#permissions').val(json_object);

Answer 1

Use JSON.stringify like

$('#permissions').val(JSON.stringify(json_object));