Question

I have this very simple form:

<form id="header_search"><input type="text" value="search"></form>

and this is my jQuery:

$("#header_search").keypress(function(e)
{
    e.preventDefault();
    alert("searching :)");

    return false;
});

But this function doesn’t get triggered on submit by pressing enter. Any idea what is going wrong?

Thanks!!

Answer 1

There is no keypress event on form, use submit which will work with both enter and submit button click.

$(function(){
    $("#header_search").submit(function(e) {
        e.preventDefault();
        alert("searching :)");
    });
});

Demo: http://jsfiddle.net/usmanhalalit/7f6y8/