Placeholder text breaking on AJAX validation

Every solution i've tried works until the gravity form is submitted. If the validation triggers and requires more fields to be populated, all the input placeholders disappear and the labels reappear.

It's really frustrating me as there should be a simple way to keep the placeholders in the input fields.

I'm not really in a good position to upload my project at the moment. However, i'm using the gravity form plugin, along with the functions.php code from this article: http://www.wpbeginner.com/wp-tutorials/how-to-add-placeholder-text-in-gravity-forms/

I'd really appreciate it if you can take a look. I was using contact form 7, which natively supported placeholders, but i switched to gravity to make the experience for the client a lot more enjoyable.

Sadly i *need* placeholders to work - they're in the designs that have been signed off.

I'd really hate to be forced to switch back after purchasing a license for this.

Okay, i've put the code online, and sent you a link to the page, along with the functions.php file to your email address.

Eagerly, and excitedly, awaiting your reply!

I've responded to your email. The issue wasn't the protocol related URLS.

The following hook:

add_action('gform_enqueue_scripts',"my_gform_enqueue_scripts", 10, 2);

Seems to be injecting my jQuery scripts to the very top of wp_head();
Obviously by doing that, it's executing before the Wordpress implementation of jQuery has even loaded.

I've changed the hook priority below and above 10, but nothing happens. Is there a way to shift it's position in wp_head() to execute after jQuery has loaded?

Until the gravity team adds this feature, I did a workaround really really ugly but that works for me:

On field description i added some like this:

This description will be shown.<span class="example">http://google.com</span>

Add the CSS rule to hide it:

.gform_wrapper .example {
    display: none;
}

Add this to functions.php, to make it works with ajax forms:

add_filter('gform_pre_render', 'tuneUpElements');
function tuneUpElements($form) {
    $script = 'tuneUpElements();';

    GFFormDisplay::add_init_script($form['id'], 'tuneUpElements', GFFormDisplay::ON_PAGE_RENDER, $script);

    return $form;
}

And finally this javascript function:

$('.gfield').each(function(){
    if( $(this).find('.example').length != 0 ) {
        $(this).find('input').attr('placeholder',$(this).find('.example').text());
    }
});

As I said, Im not proud about this way to add placeholders, but is the best that i have found.