title: Adding readonly attribute to all form elements
body: <p>I'm using jQuery to add a readonly attribute to all form elements but can't seem to figure out how to do this.</p>
  
  <p>Here is what I'm trying:</p>
  
  <pre><code>$('#form1').each( function() { $(this).attr('readonly', true); });
  </code></pre>
  
  <p>I have a simple form using label/input to display form elements.
  Also I'm using <a href="http://plugins.jquery.com/project/tipsy" rel="noreferrer">tipsy</a> (Tool tip plug-in) as well as <a href="http://sonspring.com/journal/formalize-css" rel="noreferrer">Formalize</a> (Look and Feel Plug-in)</p>