title: Add readonly to input fields in jQuery
body: <p>I have problems adding <code>readonly</code> to some input fields.</p>
  
  <p>I have this code in the <code>&lt;head&gt;</code></p>
  
  <pre><code>$(document).ready(function() {
      $('#powermail_field_ordreid').prop('readonly', true);
      $('#powermail_field_destination').prop('readonly', true);
  });
  </code></pre>
  
  <p>And then I have these 2 out of 6 input fields, that I need to add the <code>readonly</code> on.</p>
  
  <pre><code>&lt;div id="powermail_fieldwrap_9" class="powermail_fieldwrap powermail_fieldwrap_input powermail_fieldwrap_9 "&gt;
      &lt;label class="powermail_label" for="powermail_field_ordreid"&gt; Ordre id &lt;/label&gt;
      &lt;input id="powermail_field_ordreid" class="powermail_field powermail_input " type="text" value="0521104821"&gt;
  &lt;/div&gt;
  &lt;div id="powermail_fieldwrap_7" class="powermail_fieldwrap powermail_fieldwrap_input powermail_fieldwrap_7 "&gt;
      &lt;label class="powermail_label" for="powermail_field_destination"&gt; Destination &lt;/label&gt;
      &lt;input id="powermail_field_destination" class="powermail_field powermail_input " type="text" value="Luxembourg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried <code>.attr()</code> and now im using <code>.prop()</code> because I'm using jQuery 1.10+, but I can still edit the input fields, what's wrong.</p>
  
  <p>...EDIT...
  Can see its works fine, on jsfiddel - so can someone tell me if its an other script that blok it here <a href="http://wnf.dk/bestillingsform.html?tx_powermail_pi1%5bfield%5d%5b7%5d=Luxembourg" rel="nofollow">http://wnf.dk/bestillingsform.html?tx_powermail_pi1[field][7]=Luxembourg</a> the 2 first fields have the <code>readonly</code>add.</p>