在一个按钮Jquery中获取两个Select值

我想得到两个值在一个按钮点击,所以当他们点击搜索现在将出现一个模态,这是我目前的代码。但是当我尝试使用这个代码时,只有一个值出现

<select id="search" class="modal-trigger" name="search" data-modal="modal-name">
    <option selected="selected" value="select">Select an Event</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="all">All</option>
</select>

<select id="searchcity" class="modal-trigger" name="searchcity" data-modal="modal-name">
    <option selected="selected" value="select">Search a City</option>
    <option value="City1">City1</option>
    <option value="City2">City2</option>
    <option value="City3">City3</option>
    <option value="City4">City4</option>
    <option value="City5">City5</option>
</select>
<button id="searchnow">Search</button> 
      $("#searchnow").click(function () {

    var selectedCity = $("#searchcity").val();
    var selectedEvent = $("#search").val();

    console.log(selectedCity)
    console.log(selectedCity)
    $.getJSON('events.json', 
         function (data) {
        render(selectedCity, data);
    });
});