jquery - why do i need live() in this situation?

Answer 1

the .ratings li isn't parsed yet when you have .mouseover() not working.

You can wrap it in $(document).ready(function() {...}); or use .live() (which creates the binding for any currently parsed at that point in the script and any elements added in the future).

Answer 2

The only thing I can imagine that would cause this is a lack of a domready event. This should work:

$(function () {
    $('.rating li').mouseover(function() {
    }
});

Answer 3

Did you put

$('.rating li').mouseover(function() {
}

in $(document).ready(function() {....} ?

Even if you include a .js file, if the elements in the page ('rating li') are not loaded, the bind will not be made.

Answer 4

Without seeing more of you code, it's difficult to say for sure. But my guess would be that your script is running before the pageload completes. try wrapping your bindings (and anything else that depends on particular dom elements to exist) with a call to $(document).ready(...).

something like this:

$(document).ready( function() {
    $('.rating li').mouseover(function() {
       // whatever
    });

    $(".autosuggest").keyup(function() {
       // whatever else
    });
});

If that's not it, then post more of your code, and we'll dig in further.

good luck.