Как правильно отправлять и тестировать переменные из Javascript поля ввода текста в Python файл в Flask

Question

На Python Файл:

def get_id():
    fname = request.args.get('f')
    lname = request.args.get('l')
    minit = request.args.get('mi')
    return "<p>Got it! </p>"

На HTML Файл

<p style="text-align:center"><input type="text" id="fName" value="Type your first name!"></p>
<p style="text-align:center"><input type="text" id="lname" value="type your last name!"></p>
<p style="text-align:center"><input type="text" id="minit" value=".. and your middle initial!"></p>

<br>
<br>
<br>
<br>
<tr><td>
     <button id="Submit.Information" type="button" onclick="hookInfo()" class="button">Submit Information</button>
     <div id='response'></div>
    </td></tr>


<p id="demo"></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
function hookinfo() {
  var firstname = document.getElementById("fname").value;
  var lastname = document.getElementById("lname").value;
  var middleI = document.getElementById("middleI").value;
}
</script>

<script>
   $(document).ready(function() {
      $("button").click(function(event){
         var the_id = event.target.id;
         $.ajax({
            url: "/recieve_data",
            type: "get",
            data: {f: firstnamme, l: lastname, mi: middleI},
           success: function(response) {
           $("#response").html(response);
         },
          error: function(xhr) {
        //Do Something to handle error
        }
       });
     });
   });
</script>

Это правильно? Это возвращает как строки? Мне просто нужны строки из трех текстовых полей (так, первый, последний и средний инициал) для использования в некоторых python logi c. Я хочу, чтобы информация отправлялась при отправке кнопки «Отправить информацию», но в журналах ничего не происходит, когда я нажимаю на нее.