Set button focus next to field so that it uses either Enter or Mouse click with jQuery

Question

I want to be able to either Press the enter key or click the mouse to submit the info in the inputbox.

Right now when you manually change focus using tab or click with mouse it will submit the info. It is using the jQuery live Click method. I found this solution for setting focus to a button

http://stackoverflow.com/questions/3839342/setting-focus-to-a-button-next-to-a-text-box

but I don't know how to implement that so I can listen using the live click and do either or. A mouse click or the enter button. Any help is appreciated.

example: be able to do this using either the enter button with focus or a mouse click.

$('#theinput').keypress(function(event) { 
  if (event.keyCode == '13') { 
    $('#mybutton').click(); 
    event.preventDefault(); 
  } 
}); 

Problem is I don't know how to convert that example to also use something like this

$('a.button').live('click',function(){
//do stuff here
)};

Answer 1

I would do this using a named function:

$(document).ready(function(){
    var submitter = function() {
       // do something
    };

    $('#theinput').keypress(function(event) {
        if (event.keyCode == '13') {
            event.preventDefault(); 
            submitter();
        } 
    });

    $('a.button').live('click', submitter);
});

This uses the same function for both events without triggering another unnecessary event, which would cause performance issues.

Answer 2

I think if you change this:

$('a.button').live(click,function(){

to this:

$('a.button').live("click",function(){

it should work