How to use JQuery to make a field Read Only
Say you have a input text field as below
<input type="text" name="inputField" id="inputField" />
As soon as the page has finished loading we will make use of JQuery to make the input field Read Only so that the field can’t be edited by the user.
We do it like this