JSFiddle - React, Tailwind, and code Playground

HTML

<table class='table' id='secureFields'  >
        <tr>
            <td width=200>First Name:</td>
            <td><input readonly='readonly'  type='text'  name='firstname' size="30" class='readonly'/></td>
        </tr>

</table>

JavaScript

$("input").click(function() {
  if ( $(this).is('[readonly]') ) {
     $(this).removeAttr("readonly");
  }
});