Невозможно получить значение AJAX в фляге Python

Question

Можно ли вернуть данные без нажатия кнопки «Отправить» и вернуть данные при изменении значения в текстовом поле? Я хочу получить значение двух текстовых полей через ajax-запросы в python flask Но по какой-то причине я не могу этого сделать. Есть ли другой способ сделать это ????

    <script>
        $(document).ready(function() {
     $('form').on('submit', function(event) {
       $.ajax({
          data : {
             firstName : $('#firstName').val()
            },
             type : 'POST',
             url : '/process'
            })
        .done(function(data) {
          $('#output').text(data.output).show();
      });
      event.preventDefault();
      });
});
    </script
<form class="form-inline">
<!--First Name-->
<div class="form-group">
<label class="sr-only" for="firstName">First Name</label>
<input type="text" class="form-control" id="firstName" placeholder="First Name">
</div>
<!--Last Name-->
<div class="form-group">
<label class="sr-only" for="lastName">Last Name</label>
<input type="text" class="form-control" id="lastName" placeholder="Last Name">
</div>

<!--Submit Button-->
<button type="submit" class="btn btn-default">Submit</button>
</form>
</br>
<div id="output"></div>
</br>

@app.route('/process/',methods= ['POST'])
def process():
    firstName = request.form['firstName']
    output = firstName
    if firstName:
        return jsonify({'output':'Full Name: ' + output})
    return jsonify({'error' : 'Missing data!'})