Как разместить фиксированную кнопку на мобильной панели jQuery?

Я использую jQuery mobile 1.4.5, чтобы показать панель (слой поверх контента). Есть кнопка отправки формы, которую я хотел бы зафиксировать в нижней части представления.

Это работает, если слой виден, но не является панелью. Как только я добавляю код панели, кнопка перемещается в конец большой страницы и поэтому исчезает из поля зрения пользователя.

Добавлен код панели, отключающий фиксированное положение:

data-role = "panel" id = "left-panel" data-display = "overlay"  

Весь код:

<div data-role = "panel" id = "left-panel" data-display = "overlay"  data-position = "left" style = "background: #fff;width: 100%;position:absolute;top:92px;">
    <div style = "padding:10px;">
        <form>
            <div style = "position: fixed;bottom: 20px; z-index: 1; width: calc(100% - 20px);">
                <input type = "submit" value = "Suchen" data-theme = "b" >
            </div>
        </form>
    </div>
</div>