I just want to create a simple script that gives two alert messages
one on mouseover / one on mouseout

$('input').bind('mouseover', function (){ alert("Hello"); });
    $('input').bind('mouseout', function (){ alert("Goodbye"); });

What am I doing wrong?
Any JQuery pros out there?

I don't see anything wrong with what you've written. However, if you want to bind events to both the over and out state event, it is easier to use the jQuery.hover() shortcut:

$('input').hover(function() {
    alert('Over');
},
function() {
    alert('Out');
});

Are you doing anything else wrong with your page? Is the path to jQuery correct? Is the code in correct placement to have an affect on the INPUT elements you intend to target? Is it either below them or inside of a $(document).ready()?

Oops. Looks like it was "ye old caching" trap.
It does actually work.

But good to learn about the hover event!!
Will try that next.

Yeah, that will do it. I clear mine regularly, as you probably do.

Originally Posted by wayfarer07

I don't see anything wrong with what you've written. However, if you want to bind events to both the over and out state event, it is easier to use the jQuery.hover() shortcut:

$('input').hover(function() {
    alert('Over');
},
function() {
    alert('Out');
});

Are you doing anything else wrong with your page? Is the path to jQuery correct? Is the code in correct placement to have an affect on the INPUT elements you intend to target? Is it either below them or inside of a $(document).ready()?

So that works.

OK. Now I really need some help.
This is what I want to do:
I have a form with input fields and those fields all have "title" attributes.
For reasons which arent important to this discussion I can't get rid of the
"title" attributes themselves, but I don't want the tooltips to show on hover.
To best of my knowledge there is no way to suppress tooltips using CSS.

So that leaves a JQuery solution.
What I want to do is to remove the "title" attribute on hover (so there is nothing for the tooltip to show) but put it back again on hoverout.

So in the above example, in place of alert('over') and alert('out') what should I substitute?

I figure that the title needs to stored as a variable at some point.
But is it possible to pass that variable to the other part of the function, the part that puts the "title" attribute back in place?

var titleMem;
$('input').hover(function() {
    titleMem = this.title;
    this.title = '';
},
function() {
    this.title = titleMem;
});

Variables declared outside of functions are available inside of functions, and if modified inside of the function without being declared with a "var" prefix, will be modified in the scope that encloses the function, whether it is global or local to another closure (function).