Onclick not working for enabling read only field in IE8 and IE7
===

I have simple requirement to enable the readonly text field on click and enter the values in it.

for this i followed following js

    function enableField(){
    document.getElementById("recordname").readOnly = false;  
    }

Html code is 

    <input id="recordname" cssClass="Gry999"  maxLength="35"  readonly="true" onclick="enableField()" name="recordname"  onkeypress="return validateCustomize(event);"/>

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)

