{
    "component": "follow-up-question-example",
    "fixtures": [
        {
            "name": "follow up question with radios",
            "options": {
                "questions": [
                    {
                        "type": "radios",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "followup": {
                                "exampleText": [
                                    "option-1"
                                ],
                                "exampleTextbox": [
                                    "option-2"
                                ],
                                "exampleList": [
                                    "option-2"
                                ],
                                "exampleText2": [
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the second service question text",
                            "hidden": true
                        }
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"option-1\" data-target=\"exampleText\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"option-2\" data-target=\"exampleTextbox exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-3\" name=\"example\" type=\"radio\" value=\"option-3\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the second service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>"
        },
        {
            "name": "follow up question with radios and data",
            "options": {
                "questions": [
                    {
                        "type": "radios",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "followup": {
                                "exampleText": [
                                    "option-1"
                                ],
                                "exampleTextbox": [
                                    "option-2"
                                ],
                                "exampleList": [
                                    "option-2"
                                ],
                                "exampleText2": [
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the second service question text",
                            "hidden": true
                        }
                    }
                ],
                "data": {
                    "example": "option-2"
                }
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"option-1\" data-target=\"exampleText\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"option-2\" checked data-target=\"exampleTextbox exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-3\" name=\"example\" type=\"radio\" value=\"option-3\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the second service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>"
        },
        {
            "name": "follow up question with checkboxes",
            "options": {
                "questions": [
                    {
                        "type": "checkboxes",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "followup": {
                                "exampleText": [
                                    "option-1"
                                ],
                                "exampleTextbox": [
                                    "option-2"
                                ],
                                "exampleList": [
                                    "option-2"
                                ],
                                "exampleText2": [
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the second service question text",
                            "hidden": true
                        }
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-example\" name=\"example\" type=\"checkbox\" value=\"option-1\" data-target=\"exampleText\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"option-2\" data-target=\"exampleTextbox exampleList\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"option-3\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the second service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>"
        },
        {
            "name": "follow up question with checkboxes and data",
            "options": {
                "questions": [
                    {
                        "type": "checkboxes",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "followup": {
                                "exampleText": [
                                    "option-1"
                                ],
                                "exampleTextbox": [
                                    "option-2"
                                ],
                                "exampleList": [
                                    "option-2"
                                ],
                                "exampleText2": [
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the second service question text",
                            "hidden": true
                        }
                    }
                ],
                "data": {
                    "example": [
                        "option-1",
                        "option-2"
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-example\" name=\"example\" type=\"checkbox\" value=\"option-1\" checked data-target=\"exampleText\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"option-2\" checked data-target=\"exampleTextbox exampleList\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"option-3\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the second service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>"
        },
        {
            "name": "follow up question with boolean",
            "options": {
                "questions": [
                    {
                        "type": "boolean",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "followup": {
                                "exampleText": [
                                    true
                                ],
                                "exampleTextbox": [
                                    true
                                ],
                                "exampleList": [
                                    false
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"true\" data-target=\"exampleText exampleTextbox\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"false\" data-target=\"exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>"
        },
        {
            "name": "follow up question with boolean and data",
            "options": {
                "questions": [
                    {
                        "type": "boolean",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "followup": {
                                "exampleText": [
                                    true
                                ],
                                "exampleTextbox": [
                                    true
                                ],
                                "exampleList": [
                                    false
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    }
                ],
                "data": {
                    "example": false
                }
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"true\" data-target=\"exampleText exampleTextbox\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"false\" checked data-target=\"exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>"
        },
        {
            "name": "follow up question with sub-question followups with data",
            "options": {
                "questions": [
                    {
                        "type": "radios",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "followup": {
                                "exampleText": [
                                    "option-1"
                                ],
                                "exampleTextbox": [
                                    "option-2"
                                ],
                                "exampleList": [
                                    "option-2"
                                ],
                                "exampleRadios": [
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    },
                    {
                        "type": "radios",
                        "question": {
                            "id": "exampleRadios",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "hidden": true,
                            "followup": {
                                "exampleText2": [
                                    "option-1",
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the second service question text",
                            "hidden": true
                        }
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"option-1\" data-target=\"exampleText\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"option-2\" data-target=\"exampleTextbox exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-3\" name=\"example\" type=\"radio\" value=\"option-3\" data-target=\"exampleRadios\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleRadios\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleRadios\" name=\"exampleRadios\" type=\"radio\" value=\"option-1\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleRadios\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleRadios-2\" name=\"exampleRadios\" type=\"radio\" value=\"option-2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleRadios-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleRadios-3\" name=\"exampleRadios\" type=\"radio\" value=\"option-3\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleRadios-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the second service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>"
        },
        {
            "name": "follow up question with sub-question followups",
            "options": {
                "questions": [
                    {
                        "type": "radios",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "followup": {
                                "exampleText": [
                                    "option-1"
                                ],
                                "exampleTextbox": [
                                    "option-2"
                                ],
                                "exampleList": [
                                    "option-2"
                                ],
                                "exampleRadios": [
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "exampleTextbox",
                            "question": "Here is the service question",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question",
                            "hidden": true
                        }
                    },
                    {
                        "type": "radios",
                        "question": {
                            "id": "exampleRadios",
                            "question": "Here is the service question",
                            "options": [
                                {
                                    "label": "Option 1",
                                    "value": "option-1"
                                },
                                {
                                    "label": "Option 2",
                                    "value": "option-2"
                                },
                                {
                                    "label": "Option 3",
                                    "value": "option-3"
                                }
                            ],
                            "hidden": true,
                            "followup": {
                                "exampleText2": [
                                    "option-1",
                                    "option-3"
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the second service question text",
                            "hidden": true
                        }
                    }
                ],
                "data": {
                    "example": "option-3",
                    "exampleRadios": "option-2"
                }
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"option-1\" data-target=\"exampleText\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"option-2\" data-target=\"exampleTextbox exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-3\" name=\"example\" type=\"radio\" value=\"option-3\" checked data-target=\"exampleRadios\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleTextbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleTextbox\">\n    Here is the service question\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-exampleTextbox\" name=\"exampleTextbox\" rows=\"5\" aria-describedby=\"input-exampleTextbox-info\"></textarea>\n  <div id=\"input-exampleTextbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleRadios\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question\n    </legend>\n    <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleRadios\" name=\"exampleRadios\" type=\"radio\" value=\"option-1\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleRadios\">\n          Option 1\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleRadios-2\" name=\"exampleRadios\" type=\"radio\" value=\"option-2\" checked>\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleRadios-2\">\n          Option 2\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleRadios-3\" name=\"exampleRadios\" type=\"radio\" value=\"option-3\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleRadios-3\">\n          Option 3\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the second service question text\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>"
        },
        {
            "name": "follow up question with multiple followups",
            "options": {
                "questions": [
                    {
                        "type": "boolean",
                        "question": {
                            "id": "example",
                            "question": "Here is the service question 1",
                            "followup": {
                                "exampleText": [
                                    true
                                ],
                                "exampleBoolean": [
                                    true
                                ],
                                "exampleList": [
                                    false
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText",
                            "question": "Here is the service question text (1 Yes)",
                            "hidden": true
                        }
                    },
                    {
                        "type": "boolean",
                        "question": {
                            "id": "exampleBoolean",
                            "question": "Here is the service question (1 Yes)",
                            "hidden": true,
                            "followup": {
                                "exampleText2": [
                                    true
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the service question text (1 Yes Yes)",
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "exampleList",
                            "question": "Here is the service question (1 No)",
                            "hidden": true
                        }
                    },
                    {
                        "type": "boolean",
                        "question": {
                            "id": "example2",
                            "question": "Here is the service question 2",
                            "followup": {
                                "example2Text": [
                                    true
                                ],
                                "example2Textbox": [
                                    true
                                ],
                                "example2List": [
                                    false
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "example2Text",
                            "question": "Here is the service question text (2 Yes)",
                            "hidden": true
                        }
                    },
                    {
                        "type": "textbox_large",
                        "question": {
                            "id": "example2Textbox",
                            "question": "Here is the service question (2 Yes)",
                            "max_length_in_words": 500,
                            "hidden": true
                        }
                    },
                    {
                        "type": "list",
                        "question": {
                            "id": "example2List",
                            "question": "Here is the service question (2 No)",
                            "hidden": true
                        }
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"example\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question 1\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example\" name=\"example\" type=\"radio\" value=\"true\" data-target=\"exampleText exampleBoolean\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example-2\" name=\"example\" type=\"radio\" value=\"false\" data-target=\"exampleList\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText\">\n    Here is the service question text (1 Yes)\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText\" name=\"exampleText\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleBoolean\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question (1 Yes)\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean\" name=\"exampleBoolean\" type=\"radio\" value=\"true\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean-2\" name=\"exampleBoolean\" type=\"radio\" value=\"false\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the service question text (1 Yes Yes)\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleList\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question (1 No)\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-0\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-1\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-2\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-3\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-4\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-5\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-6\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-7\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-8\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-exampleList-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-exampleList-9\" name=\"exampleList\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>\n\n    <div\n    class=\"question \"\n    id=\"example2\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question 2\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example2\" name=\"example2\" type=\"radio\" value=\"true\" data-target=\"example2Text example2Textbox\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example2\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-example2-2\" name=\"example2\" type=\"radio\" value=\"false\" data-target=\"example2List\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-example2-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"example2Text\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-example2Text\">\n    Here is the service question text (2 Yes)\n  </label>\n  <input class=\"govuk-input\" id=\"input-example2Text\" name=\"example2Text\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"example2Textbox\"\n  >\n      \n\n\n<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"500\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-example2Textbox\">\n    Here is the service question (2 Yes)\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"input-example2Textbox\" name=\"example2Textbox\" rows=\"5\" aria-describedby=\"input-example2Textbox-info\"></textarea>\n  <div id=\"input-example2Textbox-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 500 words\n  </div>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"example2List\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-list\" data-module=\"dm-list\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question (2 No)\n  </legend>\n\n\n    <div class=\"dm-list__items\">\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-0\">\n    Entry number <span class=\"dm-list__item-label-counter\">1</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">1.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-0\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">1</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-1\">\n    Entry number <span class=\"dm-list__item-label-counter\">2</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">2.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-1\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">2</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-2\">\n    Entry number <span class=\"dm-list__item-label-counter\">3</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">3.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-2\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">3</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-3\">\n    Entry number <span class=\"dm-list__item-label-counter\">4</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">4.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-3\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">4</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-4\">\n    Entry number <span class=\"dm-list__item-label-counter\">5</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">5.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-4\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">5</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-5\">\n    Entry number <span class=\"dm-list__item-label-counter\">6</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">6.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-5\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">6</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-6\">\n    Entry number <span class=\"dm-list__item-label-counter\">7</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">7.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-6\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">7</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-7\">\n    Entry number <span class=\"dm-list__item-label-counter\">8</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">8.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-7\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">8</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-8\">\n    Entry number <span class=\"dm-list__item-label-counter\">9</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">9.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-8\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">9</span></span>\n</button>\n          </div>\n        </div>\n        <div class=\"govuk-grid-row dm-list__item\">\n          <div class=\"dm-list__item-input-column\">\n            <div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-visually-hidden\" for=\"input-example2List-9\">\n    Entry number <span class=\"dm-list__item-label-counter\">10</span>\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">10.</div>\n    <input class=\"govuk-input dm-list__item-input\" id=\"input-example2List-9\" name=\"example2List\" type=\"text\">\n  </div>\n</div>\n\n          </div>\n          <div class=\"dm-list__item-remove-column\">\n            <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden\" data-module=\"govuk-button\">\n  Remove <span class=\"govuk-visually-hidden\">entry number <span class=\"dm-list__item-remove-counter\">10</span></span>\n</button>\n          </div>\n        </div>\n    </div>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-full\">\n        <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden\" data-module=\"govuk-button\">\n  Add another (<span class=\"dm-list__item-add-counter\">0</span> remaining)\n</button>\n      </div>\n    </div>\n\n</fieldset>\n</div>\n\n  </div>"
        },
        {
            "name": "follow up question with followups which have multiple triggers",
            "options": {
                "questions": [
                    {
                        "type": "boolean",
                        "question": {
                            "id": "exampleBoolean1",
                            "question": "Here is the service question 1",
                            "followup": {
                                "exampleBoolean5": [
                                    true
                                ]
                            }
                        }
                    },
                    {
                        "type": "boolean",
                        "question": {
                            "id": "exampleBoolean2",
                            "question": "Here is the service question 2",
                            "followup": {
                                "exampleBoolean4": [
                                    true
                                ],
                                "exampleBoolean5": [
                                    true
                                ]
                            }
                        }
                    },
                    {
                        "type": "boolean",
                        "question": {
                            "id": "exampleBoolean3",
                            "question": "Here is the service question 3",
                            "followup": {
                                "exampleText1": [
                                    true
                                ],
                                "exampleBoolean4": [
                                    true
                                ],
                                "exampleBoolean5": [
                                    true
                                ]
                            }
                        }
                    },
                    {
                        "type": "boolean",
                        "question": {
                            "id": "exampleBoolean5",
                            "question": "Here is the service question text (1, 2 or 3 Yes)",
                            "hidden": true,
                            "followup": {
                                "exampleText2": [
                                    true
                                ]
                            }
                        }
                    },
                    {
                        "type": "boolean",
                        "question": {
                            "id": "exampleBoolean4",
                            "question": "Here is the service question text (1 or 2 Yes)",
                            "hidden": true,
                            "followup": {
                                "exampleText2": [
                                    true
                                ]
                            }
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText2",
                            "question": "Here is the service question text (1  Yes and 1-1 or 1-2 Yes)",
                            "hidden": true
                        }
                    },
                    {
                        "type": "text",
                        "question": {
                            "id": "exampleText1",
                            "question": "Here is the service question text (1 Yes)",
                            "hidden": true
                        }
                    }
                ]
            },
            "hidden": false,
            "description": "",
            "html": "<div\n    class=\"question \"\n    id=\"exampleBoolean1\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question 1\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean1\" name=\"exampleBoolean1\" type=\"radio\" value=\"true\" data-target=\"exampleBoolean5\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean1\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean1-2\" name=\"exampleBoolean1\" type=\"radio\" value=\"false\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean1-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question \"\n    id=\"exampleBoolean2\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question 2\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean2\" name=\"exampleBoolean2\" type=\"radio\" value=\"true\" data-target=\"exampleBoolean4 exampleBoolean5\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean2\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean2-2\" name=\"exampleBoolean2\" type=\"radio\" value=\"false\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean2-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question \"\n    id=\"exampleBoolean3\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question 3\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean3\" name=\"exampleBoolean3\" type=\"radio\" value=\"true\" data-target=\"exampleText1 exampleBoolean4 exampleBoolean5\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean3\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean3-2\" name=\"exampleBoolean3\" type=\"radio\" value=\"false\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean3-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleBoolean5\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question text (1, 2 or 3 Yes)\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean5\" name=\"exampleBoolean5\" type=\"radio\" value=\"true\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean5\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean5-2\" name=\"exampleBoolean5\" type=\"radio\" value=\"false\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean5-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleBoolean4\"\ndata-module=\"dm-question-with-follow-up\"  >\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      Here is the service question text (1 or 2 Yes)\n    </legend>\n    <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean4\" name=\"exampleBoolean4\" type=\"radio\" value=\"true\" data-target=\"exampleText2\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean4\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"input-exampleBoolean4-2\" name=\"exampleBoolean4\" type=\"radio\" value=\"false\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"input-exampleBoolean4-2\">\n          No\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText2\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText2\">\n    Here is the service question text (1  Yes and 1-1 or 1-2 Yes)\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText2\" name=\"exampleText2\" type=\"text\">\n</div>\n\n\n  </div>\n\n    <div\n    class=\"question js-hidden dm-question__related-information\" aria-hidden=\"false\"\n    id=\"exampleText1\"\n  >\n      \n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label govuk-label--m\" for=\"input-exampleText1\">\n    Here is the service question text (1 Yes)\n  </label>\n  <input class=\"govuk-input\" id=\"input-exampleText1\" name=\"exampleText1\" type=\"text\">\n</div>\n\n\n  </div>"
        }
    ]
}