Почему мой jquery не работает в гравитационных формах?

Я работаю с плагином Wordpress Gravityforms.

Теперь я хотел бы добавить немного «живой проверки». (Когда в полях есть значение, кнопка отправки меняет цвет.)

Я работаю с этим скриптом, который отлично работает, когда я создаю базовую форму.

<script type="text/javascript">
$(window).load(function(){
(function() {
    $('.gform_fields  > .medium').keyup(function() {

        var empty = false;
        $('.gform_fields > .medium').each(function() {
            if ($(this).val() == '') {
                empty = true;
            }
        });

        if (empty) {
            $('.gform_button').css("","");
        } else {
            $('.gform_button').css("background-color","green");
        }
    });
})()
});  

</script>

Но когда я пытаюсь использовать скрипт в своей форме Gravity, он ничего не делает?

Итак, вот мой пример: http://goo.gl/a4m0Kv

Как видите, внизу есть небольшая форма с кнопкой отправки. Когда входы заполнены, кнопка отправки становится зеленой.

То же самое должно произойти и с формой Gravity, но она почему-то не работает?

Надеюсь, кто-то может помочь :)