Enter Key

// We are doing something like this in several places
$("#student_id").bind("keypress", function(e){
  if (e.keyCode == 13){
    jQuery("#student_submit").parent().parent('form')[0].submit();
    return false;
  }
});

// The following are a couple of approaches to encapsulate this.

// Add an event to all text fields in the app that can be listened for.
// Following would replace what we are doing now
$('#student_id').bind("enterKey",function(e){
  jQuery("#student_submit").parent().parent('form')[0].submit();
});

// The following would be in something like application.js
$(':text').keyup(function(e){
    if(e.keyCode == 13)
    {
        $(this).trigger("enterKey");
    }
});

// Add a jQuey method that can be called on specific text field
// The following would replace what we are currently doing.
$('#student_id').onEnter(function(){
  jQuery("#student_submit").parent().parent('form')[0].submit();
})

// The following would be somewhere like application.js
$.fn.onEnter = function(fn) {  
    return this.each(function() {  
        $(this).bind('enterPress', fn);
        $(this).keyup(function(e){
            if(e.keyCode == 13)
            {
              $(this).trigger("enterPress");
            }
        })
    });  
 };