title: Readonly false followed by focus is not working in i.e. 7
body: <p>Can some one help me..</p>
  
  <p>I have a text box which is readonly by default on page load. On click event of this text box i have to do two things.</p>
  
  <ul>
  <li>make it editable</li>
  <li>keep focus on text box</li>
  </ul>
  
  <p>For this, i have written a code <code>removeAttr</code> to make it editable, then <code>focus()</code> to keep focus on it.</p>
  
  <p>It is working in IE8+, FF, Chrome as expected.
  But I need to make it work in IE7 too as we have IE7 in client's compatible browsers list.</p>
  
  <p>Note: the problem is only with focus, text box is turned to editable after clicking. But need second click to keep focus in it. Expecting it to be done on the first click only.</p>
  
  <pre><code>&lt;input name="testId" id="testId" size="25" maxlength="40"  tabindex="21" class="width250" readonly="true"/&gt;
  
  $("#testId").click(function(){
     $(this).removeAttr("readonly");
     $(this).focus();
  });
  </code></pre>