Как мне сохранить результаты ползунка JQuery в некоторых переменных после нажатия формы отправки?

Question

Я использую Flask - Python.

Проблема, с которой я сталкиваюсь, - это мой слайдер (который отображается через JQuery), не отправляет свои данные, когда я нажимаю «Отправить» ( кровать, ванна и информация о типе недвижимости есть). Мне было интересно, как я могу получить код JQuery, чтобы правильно отправлять значения ползунка цены.

Еще раз спасибо!

Вот соответствующие коды HTML и JQuery :

HTML:

 <form id="form1" action="/handle_data" method="POST" enctype="multipart/form-data">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <div class="form_wrap d-flex">
                                                        <div class="single-field max_width ">
                                                                <label for="#">Location</label>
                                                                <select class="wide" >
                                                                        <option>Texas</option>
                                                                </select>
                                                            </div>
                                                        <div class="single-field max_width ">
                                                                <label for="#">Property Type</label>
                                                                <select id = "limit" name = "ptype" class="wide" >
                                                                        <option value="0">For Sale</option>
                                                                        <option value="1">For Rent</option>
                                                                </select>
                                                            </div>
                                                            <div class="single_field range_slider">
                                                                    <label for="#">Price ($)</label>
                                                                <div id="slider"></div>
                                                            </div>
                                                        <div class="single-field min_width ">
                                                                <label for="#">Min Beds</label>
                                                                <select class="wide" name = "beds">
                                                                        <option value="0">Any</option>
                                                                        <option value="1">01</option>
                                                                        <option value="2">02</option>
                                                                       
                                                                </select>
                                                            </div>
                                                        <div class="single-field min_width ">
                                                                <label for="#">Min Baths</label>
                                                                <select class="wide" name = "baths">
                                                                    <option value="0">Any</option>
                                                                    <option value="1">01</option>
                                                                    <option value="2">02</option>
                                                                </select>
                                                            </div>

                                                            <div class="single-field max_width ">
                                                                <label for="#" style = "color:#ffffff00">Hi</label>
                                                            <input type="submit" value="Download">
                                                            </div>
                                                            <!-- <div class="serach_icon">
                                                                <input type="submit" value="Submit">
                                                                    <a href='/handle_data'>
                                                                            <i class="ti-search"></i>
                                                                    </a>
                                                                </div> -->
                                                </div>
                                            </div>
                                        </div>
                                    </form>

JQuery:

$('#form1').submit(function(e){ 
    $.getJSON('/handle_data', {
        a1: 10,
        a2: 20
    });
});

Flask: @ app.route ('/ handle_data', methods = [ 'GET', 'POST']) def download_file3 ():

    if request.method == "POST":
        print('here1')
        propType = request.form.get("ptype", None)
        beds = request.form.get("beds", None)
        baths = request.form.get("baths", None)
        print(propType)
        print(beds)
        a1 = request.form.get('a1')
        print(a1) #None
        a1 = request.args.get('a1')
        print(a1) #None