Hey guys,

I'm either having a dumb moment here, or I just can't find the answer, but I've written a script using jQuery that takes the elements of my form, checks to see if the default value is currently displayed on focus, if so the field is set to blank.

My problem is on blur. I want to loop through my default value array, find the name that corresponds to the input name, and add the default value to the input field.

Hopefully this makes sense to you guys, I've attached the code below:

1. var defaults = { 
2. 'name' : 'Enter your name..',
3. 'email' : 'Your e-mail address so I can reply..',
4. 'website' : 'Your existing website (optional)',
5. 'subject' : 'The subject of your message..',
6. 'message' : 'Your message..'
7. };
8. 
   
9. $("input, select, textarea").focus(function() {
11. var val = $(this);
13. $.each(defaults, function(key, value) { 
14. if (val.val() == value || val.val() == "") {
15. val.val("");
16. return false;
17. }
18. });
19. });
20. $("input, select, textarea").blur(function() {
22. var val = $(this);
23. $.each(defaults, function(key, value) { 
24. if (val.val() == "") {
25. //what do i write?!
26. }
27. });
28. });

Any help is appreciated.