Okay, I didn't know if I should go to a google chrome forum or to this forum and report the bug but only seemed to happen on a chrome browser, but a minor issue with firefox.

Originally I posted a design issue in stackover flow found here:

http://stackoverflow.com/questions/12357940/tabbing-through-span-elements-with-keydown-and-focusout-conflicts

I was having a problem that was on a larger scale happening on the project, so I figured I'd replicate it again to see if it does the same thing, and it does.

I was able to trim down the code into something I was able to replicate.

http://jsfiddle.net/QcGag/3/

Here are the results:

In IE 7,8, and 9, the code worked perfectly

In google chrome:

I got an: Uncaught Error: NOT_FOUND_ERR: DOM Exception 8

It took me to the code in jquery:

"

keepData is for internal use only--do not document

remove: function( selector, keepData ) {

for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {

if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {

if ( !keepData && elem.nodeType === 1 ) {

jQuery.cleanData( elem.getElementsByTagName("*") );

jQuery.cleanData( [ elem ] );

}

if ( elem.parentNode ) {

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 elem.parentNode.removeChild( elem );

}

}

}

"

In firefox:

It worked, but I couldn't override the tab functionality, as I tried using e.preventDefault. I kept losing focus of the web document as it was being focused on other fields belonging to the browser. If I switched the keycode to a carriage return keycode == 13, it would work.