$(document).ready(function(){ resetValues(); //===================== // Login Form //===================== $('.grey').click(function(){ $(this).removeClass('grey'); if($(this).attr('value')=="Password"){ $(this).hide(); $('.pass').show(); $('.pass').focus(); } else if($(this).attr('value')=="Username"){ $(this).attr('value',''); } }) $('.login_submit').click(function(){ resetValues(); }) //===================== // Sign up Form //===================== $('.gender').change(function(){ if($(this).val()=='male'){ $('.seeking').val('female'); } else if($(this).val()=='female'){ $('.seeking').val('male'); } }) });//document function resetValues(){ $('.login_form').find('input').eq(0).attr('value','Username').addClass('grey'); $('.login_form').find('input').eq(1).show().attr('value','Password').addClass('grey'); $('.login_form').find('input').eq(2).hide().attr('value',''); }