<!DOCTYPE html>
<html>
    <head>
        <title>Single line text - Text question, jQuery Survey Library Example</title>
        <script src="https://unpkg.com/jquery"></script>
        <script src="https://surveyjs.azureedge.net/1.0.20/survey.jquery.js"></script>
        <link href="https://surveyjs.azureedge.net/1.0.20/survey.css" type="text/css" rel="stylesheet"/>
        <link rel="stylesheet" href="./index.css">

    </head>
    <body>
        <div id="surveyElement"></div>
        <div id="surveyResult"></div>

        <script type="text/javascript" src="./index.js"></script>

    </body>
</html>
var json = {
    pages: [ { name: "page1", elements: [ { type: "text", name: "71933be1-7ff8-dfcf-ee69-8950f8f8a280", title: "What's' your name?" }, { type: "text", name: "age", visibleIf: "{71933be1-7ff8-dfcf-ee69-8950f8f8a280} notempty", title: "Hi, {71933be1-7ff8-dfcf-ee69-8950f8f8a280}, how old are you?" } ] } ]
};

window.survey = new Survey.Model(json);

survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .innerHTML = "result: " + JSON.stringify(result.data);
    });

$("#surveyElement").Survey({model: survey});