title: MVC3 - @readonly="readonly" not coming through on a textareafor under IE8. Works fine in other browsers
body: <p>So I'm generating a textarea element using MVC3. I generate my element with the following mark-up:</p>
  
  <pre><code>&lt;%=Html.TextAreaFor(model=&gt; model.Description, new { value=Model.Description, @class="readonlyDescription", placeholder = "No " + Model.DescriptionLabel.ToLower() + " provided", @readonly = "readonly", rows = 1, cols = 30}) %&gt;
  </code></pre>
  
  <p>When generated under Google Chrome I see:</p>
  
  <pre><code>&lt;textarea class="readonlyDescription" cols="30" id="Description" name="Description" placeholder="No description provided" readonly="readonly" rows="1" value=""&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>When generated under IE9 I see:</p>
  
  <pre><code>&lt;textarea name="Description" class="readonlyDescription" id="Description" rows="1" cols="30" readOnly="readonly" value="" placeholder="No description provided"&gt;
  </code></pre>
  
  <p>When generated under IE8 I see:</p>
  
  <pre><code>&lt;textarea name="Description" class="readonlyDescription placeholder" id="Description" rows="1" cols="30" readOnly="" value="" placeholder="No description provided" jQuery172027049094255782585="250"&gt;
  </code></pre>
  
  <p>Note that my readonly attribute has gone missing. Where did it go?</p>
  
  <p>I've also tried using @readonly = "true" but did not see any differing effects.</p>
  
  <p>EDIT: I suspect it IS coming across, but IE8 is just treating the existance of 'readonly' as enough for it to be enabled. Then, it handles readonly differently than IE9. So, I'm using disabled instead of readonly with the additional CSS of making the background transparent (as to look readonly and not disabled)</p>