Add icon in the textbox on login page (v2019)

I try to add icon in the textbox on the login page… but still failed… the icon show only before and after textbox… can anybodi help me?

this is my code

Client Script → Other–> login page → starup script

$(“#username”).parent().addClass(“input-group”);
$(“#username”).parent().append(‘’); //icon fa-user show after textbox username

$(“#password”).parent().addClass(“input-group”);
$(“#password”).parent().append(‘’); //icon fa-user show after textbox password

can i not use icon fa-user it seem to old… i try use far fa-user that icon doesnt show…

Thanking you in advance

i try to convert bootstrap

Email

to phpmaker

$(‘’).insertBefore(‘#username’);;

butt still not work

can you give me advice how to convert?

v2019 used Bootstrap 4.1, your HTML markup is incorrect, see https://getbootstrap.com/docs/4.1/components/input-group/.

Thanks. still i dont understand how to convert bootstrap to startup script phpmaker
i try use many element and class via browser inspect but still not working

this is my code on Other → Login Page → Startup Script

//to make submit button follow width login box, its working
$(“#btn-submit”).addClass(“btn-block”);

//put a logo above the login page, its working
var header = ‘

’;
$(‘[class=“ew-form ew-login-form”]’).prepend(header);

// Make Login Box center position, its working
$(“#flogin”).attr(“class”,“register-box”);

// i want to place icon in the text box username and password with this code but its not working the icon show above textbox username and textbox password
$(‘’).insertBefore(‘#username’);
$(‘’).insertBefore(‘#password’);

Upload
Choose file

how to place this bootstrap in phpmaker

Thank You