Селект во всплывающем окне

HTML

<script src="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.js"></script>
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.css">
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.theme.css">
<a href="" id="show">Показать всплывающее окно</a>

<div id="overlay"></div>
<div id="modal">
    <select name="" id="">
        <option value="">Опция 1</option>
        <option value="">Опция 2</option>
        <option value="">Опция 3</option>
        <option value="">Опция 4</option>
        <option value="">Опция 5</option>
    </select>
</div>

CSS

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
#modal {
    display: none;
    position: fixed;
    top: 50px;
    left: 50px;
    width: 200px;
    padding: 50px 0;
    background: #fff;
    text-align: center;
}
ul {
    margin: 0;
    padding: 0;
}

JavaScript

$('select').styler();
$('#show').click(function(e) {
    e.preventDefault();
    $('#modal, #overlay').show();
    
})

$('#overlay').click(function(e) {
    $('#modal, #overlay').hide();
})