如何将修改后的可排序列表从html传递到另一个html？

Question

我正在编写Flask的Web应用程序。我使用jquery-sortable.js在HTML中列出了可排序的列表。从一个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 %}