I want to do a form submit on a onChange event of a selectbox. The submit action should trigger a JQuery function. When I use a submit button instead of a onChange event function it works fine. However when I use the onChange event I can't trigger the function.

MY form:

```
<form id="zoekSchool" method="get">   
    <div class="form-group">
        <label for="thema" class="desktop small">School</label>
        <select class="form-control" name="school" id="school" onchange="this.form.submit()">
            <option value="" disabled selected>Search</option>
            <option value="1">item 1</option>
            <option value="2">item 2</option>
            ... 
        </select>
    </div>
</form>

```

My Javascript/Jquery:

```
function initMap(x) {
    $('#zoekSchool').submit(function() { // bind function to submit event of form
        var schoolID  = $('#school').val();
        ...
        return false; //prevent default action
    });
}

<script src="https://maps.googleapis.com/maps/api/js?key=myKey&callback=initMap"
    async defer></script>

```

where ... stands for 'some code'.

Maybe important: I'm working with the googleMaps Api. 
What could be the problem here?