Knockout Select Data Binding

I'm new to knockout and have a question about using data binding and "options" binding. I would like to have two dropdown lists with data from the database. I can get the first one to work, but even with the same implementation, the second one doesn't appear. Only the first drop-down list will be displayed in the page with all the correct data. However, the second one that should have appeared with all the room names did not appear. However, when I remove the first, the second works. I'm obviously missing something here, what would that be?

Here is my HTML code:

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

Here is the java script code:

function BookingSystemViewModel() {
    var self = this;
    self.employees = ko.observableArray();
    self.meetingRooms = ko.observableArray();

    $.get( "/WebApi/API/Employees", function(data) {
        self.employees(data);
    });

     $.get( "/WebApi/API/MeetingRooms", function(data) {
        self.meetingRooms(data);
    });