Adding javascript to f.text_field

In a current project of mine I have a div field that is located behind a text_field that is acting like a row in a table. Whenever someone hovers over the whitespace in the row the background color changes. However, when they click the text area in the row the highlight disappears. I would like the highlight to remain when the text_box is the focus. I know how to write the javascript for this, but I don't know where to put it in the code.


<div id="editRow"> <%= f.text_field :email, :size => 30 %> </div>


you can pass other html attributes similar to :size, e.g.

<%= f.text_field :email, :size => 30, :onchange => '...', :onfocus=> '...' %>


personally, I like to use lowpro

which lets me extact scripting to a .js file and clean up my views