How can I use jQuery to make an input readonly?

Question

I have the following input:

How c

Answer 1

Given -

this works - (jquery 1.7.1)

$('input[name="foo"]').prop('readonly', true);

tested with readonly and readOnly - both worked.