select click jQuery

I have a form with a select in it. when I select an item I want to run jQuery which will get the val of the selected item. I currently have

[select cf7-dropdown id:foodmenu]
<script>
jQuery(document).ready(function() {
    document.getElementById("foodmenu").click(function() {
        //Get the value of the selected drop down
        var dropDownText = document.getElementById("foodmenu").val();
        //document.getElementById("menuid").val(dropDownText);
alert(dropDownText)l;
    });
});
</script>

my select is populated by a db call it currently has two values. when I run it my pointer is the little circle goiing round, and nothing happens when i select an item.

thanks