I'm trying to setup an event handler using a div id to identify the specific element that should trigger the event

I'm trying to setup an event handler using a div id to identify the specific element that should trigger the event

This is a newbie question as I'm trying to figure out how jQuery works.

I've got an input field that I'm trying do use to trigger a handler event.  The DIV ID is "cid".  Here's the code:

$(function() {
    $('#cid').on("mouseleave", highlight);
});

Both Safari and Firefox give me the error: "TypeError: $(...).on is not a function" on the line that starts "$('#cid".  Everything I've read or viewed online tells me that I should not get that error on that line.

I cannot figure out hat I'm doing wrong.  Can anyone help?


~ Rob