forms - フォーム送信時のGoogleジオコーダーの問題

Question

GoogleGeocoderAPIに問題があります。

ユーザーが完全な住所を入力するフォームがあります。フォームを送信したら、この住所から都市を抽出して、この都市を隠しフィールドに配置したいと思います。

これが私がやったことです...

HTML：

<form id="new_post" name="new_post" method="post" action="" onSubmit="codeAddress()">                   
                    <p>
                        <label for="adresse_de_depart">Adresse de départ</label><br />
                        <input type="text" id="adresse_de_depart" value="" tabindex="1" size="20" name="adresse_de_depart"/>
                    </p>

                    <input type="hidden" id="ville_depart" name="ville_depart" value=""/>

                    <p align="right">
                        <input type="submit" value="Publish" tabindex="6" id="submit" name="submit" />
                    </p>
                                        </form>

JS：

<script>
    var geocoder;
     $(document).ready(function(){  
        geocoder = new google.maps.Geocoder();
     });

  function codeAddress() {
    var adresse = document.getElementById("adresse_de_depart").value;

    console.log(geocoder);
    alert(adresse_de_depart);
    geocoder.geocode( { 'address': adresse}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        alert("OK");
        document.getElementById("ville_depart").value=results;
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
   }</script>

最初の「アラート」は機能しますが、ページがリロードされた後（およびフォームが送信された後）です。しかし、地理コードメソッドに関連するアラートはありません...

アイデアはありますか？

ありがとう ！