JQuery получить выбранный элемент из ListBox не работает (ASP.NET MVC)

Question

У меня есть модал начальной загрузки, который отображает список выбора результата действия в частичном представлении, как показано ниже.

<select name="searchListBox" size="15" class="form-control">
@foreach (Company comp in Model)
{
    @if (comp.Deleted)
    {
        <option value="@comp.Id" class="text-danger">@comp.Name</option>
    }
    else
    {
        <option value="@comp.Id">@comp.Name</option>
    }
}

Это возвращает полный HTML-код в jQueryForm Plugin и устанавливает элемент в модальное и отображает его, как это.

function showResponse(responseText, statusText, xhr, $form) {
            $("#searchSpinner").hide();
            $("#searchButton").removeAttr("disabled");
            $("#searchResultsList").html(responseText);
            $("#searchResultsModal").modal("show");
        }

Это все работает отлично!

Проблема у меня возникает, когда я нажимаю кнопку «Выбрать»в модальном нижнем колонтитуле я не могу получить выбранное значение. Это код, который я использую

$("#btnSelect").click(function () {
            alert('you clicked select');
            var listbox = $("#searchListBox");
            alert(listbox);
            alert($("#searchListBox").children("option").length); //WHY IS THIS 0??
            var selected = $("#searchListBox option:selected").val();
            alert(selected);
            $("#searchResultsModal").modal("hide");
        })

Список существует и возвращает объект, проблема в том, что он не думает, что существуют какие-либо элементы option, а потомки возвращают длину 0?

Что может быть причиной этого? Извините, если я не объяснил это хорошо, если вам нужна дополнительная информация, дайте мне знать.