{% for answer in question.answers%}
    <div> {{ answer.label }}</div> <br/>
    <div class="slC">
        <div class="slC__inner">
            <div class="slC__slider" id="slider_{{answer.questionField}}">
                {% set selectedValue = '' %}
                {% for legend in answer.legend %}
                    {% if legend.selected == true %}
                        {% set selectedValue = legend.value %}
                    {% endif %}
                {% endfor %}

                <input type="hidden" name="answers[{{answer.questionField}}]" value="{{ selectedValue }}">
            </div>

        </div>
    </div>
<script>
    $(document).ready(function () {
        var value = parseInt($('input[name="answers[{{answer.questionField}}]"]').val());

        var leftSideText  = $('#left_side_text').val();
        var rightSideText = $('#right_side_text').val();

        var sliderScaleDefault = {
            value: value,
            leftSideText: leftSideText,
            rightSideText: rightSideText,
        };

        sliderScaleDefault.answers = JSON.parse('{{ answer.legendJSON | raw}}');

        rangeSlider($('#slider_{{ answer.questionField }}'), sliderScaleDefault);
    });

</script>

{% endfor %}