title: change readonly property onfocus of that field
body: <p>I have a field with type="password". Due to some reasons, I have made the field readonly. And idea is onfocus - I will remove the readonly attribute.</p>
  
  <p>Currently when I do the following I get the alert onfocus</p>
  
  <pre><code>&lt;input type="password" id="pt" onclick="function hi()
  {alert ('hi')}; hi()" readonly&gt;
  </code></pre>
  
  <p>but below code for onclick does not work:</p>
  
  <pre><code>  onclick="function hi(){$(this).removeAttr('readonly');};hi()"
  </code></pre>
  
  <p>any suggestions?</p>