How Do I Get A Dynamic Form To Update Text In Html?

I have a form that is built with a wordpress plugin called Gravity forms. I am trying to have the name when it is added be added to the HTML: Hello [name] Where 'Hello [name]' is

Solution 1:

Your markup should be:

Hello <span id="nameFromInput"></span>

And script would then be:

$("#input_32_1").keyup(function() {
    $("span#nameFromInput").text($("#input_32_1").val());
});

Here is a jsfiddle with it working as above: http://jsfiddle.net/cTq7K/