Как передать измененный сортируемый список из HTML в другой HTML?

Question

Я пишу веб-приложение от Flask. Я сделал сортируемый список в HTML, используя jquery-sortable.js. Я хочу передать новые последовательности списка после внесения изменений из одного HTML в другой HTML.

Я пытался использовать методы GET / POST. Однако это не сработало. Ничего не было передано другому HTML.

home.html

<script>
...
    $('#sortedList').val(sorted_list);
...
</script>

<form action="http://localhost:5000/about" method="POST">
    {{ form.hidden_tag() }}
    <div class="form-group" style="display: none;">
        {{ form.sortedList.label(class="form-control-label") }}
        {{ form.sortedList(class="form-control form-control-lg") }}
    </div>
    <div class="form-group">
        {{ form.submit(class="btn btn_outline-info") }}
    </div>
</form>

forms.py

from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired

class SortedForm(FlaskForm):
sortedList = StringField('Sorted List', validators=[DataRequired()])
submit = SubmitField('Submit')

main.py

@app.route("/about", methods=['GET', 'POST'])
def about():
    form = SortedForm()
    if form.validate_on_submit():
        flash(f'Sorted list passed {form.sortedList.data}~', 'success')
    return render_template('about.html', title='About', form=form)

about.html

{% extends "layout.html" %}
{% block content %}
{{ form.sortedList.data }}
{% endblock content %}