The purpose of this plugin is to persist the display of helper text associated with a form field by rendering the helper text (the title attribute on the field) inside the field until the user wants to enter text into the field where the plugin then moves the text outside the form field until the user is finished. This keeps the form display clean, makes it obvious which helper text or prompts relate to which field and makes sure the helper text is always available to the user.
All you have to do is make sure the text fields you want to use this on have the class name "persist" and that the field has a title attribute with the helper text you want rendered. Also, put some bottom padding on your form rows to make space for the helper text otherwise it'll bounce the form around.
Remember that you have have multiple, space-separated class names. The plugin is configurable for a page; have a look at the source code. Maybe in future I'll expand to have multiple styles on the one page.
You will need to reference the jQuery Color plugin as well. If you don't want to use it then set the timing (see below) to zero and it'll bypass all animate calls.
You can alter the fade in/out timing, the default/helper text color, the user-entered text color and the prefix applied when helper text is moved outside the input field through the following attribute references in your HEAD element after you reference the Persist Helper Text plugin; the defaults are shown here:
persist.timing = 200
persist.userText = "#000"
persist.helperText = "#888"
persist.helperPrefix = "TIP:"