title: Onclick not working for enabling read only field in IE8 and IE7
body: <p>I have simple requirement to enable the readonly text field on click and enter the values in it.</p>
  
  <p>for this i followed following js</p>
  
  <pre><code>function enableField(){
  document.getElementById("recordname").readOnly = false;  
  }
  </code></pre>
  
  <p>Html code is </p>
  
  <pre><code>&lt;input id="recordname" cssClass="Gry999"  maxLength="35"  readonly="true" onclick="enableField()" name="recordname"  onkeypress="return validateCustomize(event);"/&gt;
  </code></pre>
  
  <p>In All browsers (firefox, chrome, ie 9) ,this code is working as expected,
  but in IE8 - i need to click two times to enter values ( in a first click the textfield is gettign focus but cannot enter values, its behave like readyonly)</p>
  
  <p>i have tried the jquery also(after removing onclik attr from input field) but no help       </p>
  
  <pre><code>$(document).ready(function() {                 
       $('#recordname').on('click',function() {           
       $('.jqueryclickcls').attr('readonly', false);   
    });
  });
  </code></pre>
  
  <p><strong>Update:</strong>
  The same  <code>document.getElementById("recordname").readOnly = false;</code>  code works when this code triggered from any other control ,like while clicking on another link enable text field</p>
  
  <pre><code>function enableField(){
      document.getElementById("recordname").readOnly = false;  
  document.getElementById("recordname").focus();
      }
  &lt;a onclick="enableField()" &gt;Enable Field&lt;/a&gt;
  </code></pre>
  
  <p>after this i can type the values??!!</p>