compare previous value to selected value of radios using .data and .change
A radio input has two options (player and coach) and is neither is checked when the page loads the first time. When the player option is de-/selected, I currently use .addClass and .removeClass to hide/reveal an additional related text field (player jersey number). I would like to use the jQueryUI animation effects of .show and .hide instead. However, when no option is selected on the page load, then I select coach, then the player jersey number field appears and uses the blind effect to hide.
Yes, I know I could be lazy and set a default value to Player and have its related field display on page load, but then the users could get lazy and not bother to change the default option and I would never know whether they truly intended that to be their selection.
I've read over .data and .change, searched these forums, tried a few hacks, but have had no success. I would greatly appreciate any pointers that any guru may provide. Thank you!