Jquery replaceWith текстовое поле не видно

Question

Я получил функцию jquery, которая, если она нажмет указанную метку c или элемент. Он будет заменен на определенный div с вводом текста. Проблема в том, что когда я щелкнул по нему, другие элементы видны, а ввод текста - нет. А также, когда я проверяю элемент, я вижу текстовое поле в нем, но не видимое в браузере. Кто-нибудь знает, как я мог это исправить? Спасибо ..

Мой javascript

$(document).ready(function(){

    $('#fixedSalary').focus(function(){
        const div = '<li id=newDiv"><span><a id="inputSelf" href="#"><span class="income">Input Self Employed Income</span></a></span></li>';
        $('#selfEmployedList').replaceWith(div)
    })

    $('#selfEmployed').focus(function(){
        const div = '<li id=newDiv"><span style="cursor: pointer;"><span  id="inputFixed" class="income">Input Fixed Salary Income</span></span></li>';
        $('#fixedSalaryList').replaceWith(div)
    })

   $(document).on("click", "#inputFixed", function() {
    const div = '<li id="fixedSalaryList"><b>Fixed Salary (Monthly)</b>'+
        '<a href="#" class="show-input">$<?php echo $data["app1"]["salary"]; ?> <img src="<?php echo $dirimg; ?>/arrow-right.svg"></a>'+
        '<input type="text" name="salary[]" id="fixedSalary" class="assest-input inputNumber" value="<?php echo $data["app1"]["salary"]; ?>" inputmode="numeric">'+
        '</li>'
    $(this).replaceWith(div)
  })
});

Воспроизведенный вывод

Я вижу текстовый ввод, но его не видно.

Вот мой php код для указанного элемента c.

   <li id="fixedSalaryList"><b>Fixed Salary (Monthly)</b>
                    <a href="#" class="show-input">$<?php echo $data['app1']['salary']; ?> <img src="<?php echo $dirimg; ?>/arrow-right.svg"></a>
                    <input type="text" name="salary[]" id="fixedSalary" class="assest-input inputNumber" value="<?php echo $data['app1']['salary']; ?>" inputmode="numeric">
                </li>
   <li id = "selfEmployedList"><b>Self-Employed Income (Annually)</b>
                    <a href="#" class="show-input">$<?php echo $data['app1']['selfEmployedIncome']; ?><img src="<?php echo $dirimg; ?>/arrow-right.svg"></a>
                    <input type="text" name="selfEmployedIncome[]" id="selfEmployed" class="assest-input inputNumber" value="<?php echo $data['app1']['selfEmployedIncome']; ?>" inputmode="numeric">
                </li>