Clearing Default Field Values with jQuery

I followed the steps as outlined in the link below:

http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

When I view the form in the Editor I see my default value "Phone" but when i view my site I don't my default value "Phone". Anyone know why that is?

FYI - I am using the Single Line Text with a US Phone input mask.

Thanks.

I want my phone number field to look like the "phone" field in the link below which was created using Gravity Forms.

http://fbcreditlaw.com/

Chris - If I remove the input mask it works properly but I obviously lose the phone number formatting functionality that I also want. How can I achieve this?

Thanks.