I have a process where the form gets initiated and gets assigned to the employee by supervisor. 

In the form i have a multiline field for supervisor to enter notes, which needs to be made read only in the user task step (where the user acknowledges the form) 

Similarly i have a field with multiple checkboxes which the supervisor clicks and submits the form. The form goes to the employee who needs to acknowledge the form. So in this step i need the checkbox field to be made read only.

Am trying to accomplish both fields to be marked read only in my css javascript . But for certain reason am unable to. Am able to mark other fields read only but just this multiline and checkbox am having an issue.

      $('#q46 input').prop('readonly', true); //q46 is the multiline field$
     

$('#q42 input').prop('readonly', true); //q42 is the checkbox field with 6 to 7 checkboxes listed and supervisor can select multiple checkboxes.

Any idea why just these 2 fields am unable to mark read only in the usertask stage. Should the above format be different?