keyPress event does not reflect changes in k parameter

Question

Hi. I added codes (jQuery) for keyPress and click of search textbox and button respectively. Now the search query reflects in the browser (http://samplesite/default.aspx?k=query) when I click the button, but it does not when I press enter inside the search textbox. Anyone know this issue? Thanks.

// Keypress event for search box 
$('#search-box').keypress(function (e) {
    if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) {
        Search();
    };
});
// Click event for search button 
$('#search-button').bind('click', function () {
    Search();
});

p.s. im using location.assign

Answer 1

You can try this:

$('#search-button').bind('click', function () {
    Search();
}); // order is important!

$('#search-box').bind(($.browser.opera ? "keypress" : "keydown"), function (e) { // opera handle keypress differently
  if (e.keyCode && e.keyCode === 13) {
    $('#search-button').click();
  };
});

Also, you can try jquery.hotkey too.