How to remove readonly attribute when button is clicked

Question

How can I remove the readonly attribute when the Edit button is clicked? My codes is working if clicked but after one second the input form is back to readyonly .

<input class="form-control" name="fullname" value="<php echo $fullname; ?>" readonly/>
<button class="btn btn-primary" id="btnEdit" > edit </button>

<script>
    $(document).ready(function(){
        $('#btnEdit').click(function(){
            $("input[name='fullname']").attr("readonly", false);   
        });
    });
</script>

Answer 1

You should use jQuery removeAttr

$(document).ready(function(){
    $('#btnEdit').click(function(){
        $("input[name='fullname']").removeAttr( "readonly" ); 
    });
});

Answer 2

try this you have to use removeAttr reference link

<script>
$(document).ready(function()
{
 $('#btnEdit').click(function()
 {
   $("input[name='fullname']").removeAttr("readonly");  
 });

 });

 </script>