Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Combobox</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">

    <script type="text/javascript">

        $(function(){

            // Why won't this work?
            $("#select").mouseover(function(){
                console.log("hello");
            });

        });

    </script>

</head>
<body>

    <select id="select">
        <option>Dabo</option>
        <option>Sabo</option>
    </select>

    <input type="date" name="hmm">

</body>
</html>