JQuery: Utiliser Remplacer () sur la valeur de l'entrée ne fonctionne pas

https://jsfiddle.net/vxlurdyb/1/

lorsque l'utilisateur Sélectionne Oui dans la liste déroulante de l'adhésion, la valeur de l'entrée doit passer de "service _ ## ####" à "membre em> ## _ ####" que j'ai essayé de faire avec Remplacer (), ainsi que le changement clairement visible à l'utilisateur, mais cela reste identique à la fois visuellement et lorsque le formulaire est envoyé. p>

    $('#membership').change(function(e){
        if( $(e.target).val() == 1 ){
            changeServiceId();
        }
    });

    function changeServiceId(){
        $('#invoice_id').prop('readonly',false);
        var invoiceid = $('#invoice_id').val();
        console.log(invoiceid);

        var invoiceid = invoiceid.replace(/service/, 'membership');
        $('#invoice_id').attr('value').replace(/service/, 'membership');
        console.log(invoiceid);
        $('#invoice_id').prop('readonly',true);
    }