Bind Values To Dropdown List Using KnockoutJS

@{
Layout = null;
}

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>DropDown</title>
        <script src="~/Scripts/jquery-2.2.0.js"></script>
        <script src="~/Scripts/knockout-3.4.0.js"></script>
    </head>
    <body>
        <div>
            <label> Color : </label>
            <select data-bind="value: selectedColor">
                <option>Red</option>
                <option>Green</option>
                <option>Blue</option>
                <option>White</option>
                <option>Orange</option>
                <option>Black</option>
            </select>
        </div>
    </body>
</html>
<script>
var viewModel = ko.observable({
selectedColor: "Blue"
});
ko.bind($("select"), viewModel);
</script>