输入无效，但在其他地方有效

Question

我的输入法在其他两个地方都可以使用，但是当我在移动版本上使用相同的ID时，它不起作用，我不确定为什么。

HTML：

<div id="searchContainer">
    <input id="searchIconMain">
    <img src="{% static 'publicnfx/images/search.png' %}" alt="" id="searchIcon">
</div>

JavaScript：

$("#searchBarMain").on('keyup', function (e) {
    if (e.keyCode == 13) {
        search(e);
    }
});
$("#searchIconMain").on('click', function (e) {
    search(e);
});

searchBarMain当前用作桌面版本。

CSS：

div#mobileNavContainer #searchContainer,
input#searchIconMain {
    width: 81%!important;
    height: 40px!important;
    background: white;
    color: black;
    margin-top: 0px;
    margin-left: 8%;
}

div#mobileNavContainer input#searchIconMain {
    transform: none;
    visibility: visible;
}

div#mobileNavContainer input#searchIconMain {
    transition: .4s;
    top: -60px;
    border: none;
    font-family: bebas;
    font-size: 26px;
    margin-right: -25px;
    outline: none;
    vertical-align: top;
    z-index: 1;
}