<div id="editName">
      <p class="text-muted">
     {{ $data->Identifier }}
      </p>
     <small id="code-error-name" style="color: red;"></small>
</div>

    var nameBefore = $('div#editName').text();
    var codeBefore = $('div#editCode').text();
    var descBefore = $('div#editDesc').text();

    var trimNameBefore = $.trim(nameBefore);
    var trimCodeBefore = $.trim(codeBefore);
    var trimDescBefore = $.trim(descBefore);

    var nameHTML = $('div#editName').html();
    var codeHTML = $('div#editCode').html();
    var descHTML = $('div#editDesc').html();

    $('#btnEdit').on('click', function(e) {
        e.preventDefault();

        $("div#editName p").replaceWith("<input id='editName' type='text' name='Identifier'  class='form-control'  maxlength='2' required>" );
        $('div#editCode p').replaceWith("<input id='editCode' type='text' name='Code' class='form-control'  maxlength='2' required>" );
        $('div#editDesc p').replaceWith("<input id='editDesc' type='text' name='Description' class='form-control' >" );

        $('input#editName').val(trimNameBefore);
        $('input#editCode').val(trimCodeBefore);
        $('input#editDesc').val(trimDescBefore);

        $('#btnEdit').css('visibility','hidden');
        $('#btnDisable').css('visibility','hidden');

        $('#btnSave').css('display','inline-block');
        $('#btnCancel').css('display','inline');
    });