Insert a variable from JS to Django form input field
===

I am writing a form that pays an employee's mileage between two cities.  I am using the Google Maps API to get the information.  I am running a script that yields a variable `drivingDistance`.  I would like to populate the field in my Django form `mileage`, which saves to a python variable `distance`.

Here is a snippet of my form html:

    <form action="" method="post><% csrf_token %}
    {{  form.non_field_errors  }}
    <div class="fieldWrapper">
        {{  form.distance.errors  }}
        <label for="id_distance">Mileage claim:</label>
        {{  form.distance  }}
    </div>

There is a distance calculator on the page just above the entry.

In my forms.py `distance = forms.CharField(max_length=20, required = False)`.  I made this a CharField instead of an IntField in case my employees (not the most computer savvy bunch) add the word 'miles' at the end.  

THE QUESTION:  Is it possible to get the value of `drivingDirections` to auto-populate when the user enters their city info into the distance calculator?