Uncaught TypeError: intermediate value.on is not a function

Hallo zusammen,

ich weiss, ist etwas viel Aufwand für einen Beitrag, allerdings suche ich mittlerweile seit 2 Tagen nach dem Fehler in diesem Javascript Code.

Irgendwo ist entweder eine Klammer, eine eckige Klammer oder eine Semikolon zuviel oder zu wenig *grrr*

Google Chrome meckert mir den Code mit folgender Fehlermeldung an:

jquery-3.2.1.min.js:2 Uncaught TypeError: {(intermediate value)}.on is not a function
    at HTMLDocument.<anonymous> ((index):137)
    at j (jquery-3.2.1.min.js:2)
    at k (jquery-3.2.1.min.js:2)

Zeile 137 ist eigentlich diese:

.on('success.field.fv', function(e, data) {

<script>
$(document).ready(function() {
    $('#pwresetform').bootstrapValidator({  
        // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',  
            invalid: 'glyphicon glyphicon-remove',  
            validating: 'glyphicon glyphicon-refresh'  
        },
        fields: {
			recipient_email: {
				validators: {
				notEmpty: {message: 'Bitte trage deine eMail-Adresse ein.'},  
				emailAddress: {message: 'Bitte gib eine gültige eMail-Adresse an.'}}}  
			}
 .on('success.field.fv', function(e, data) {  
		e.preventDefault();
            if (data.fv.getInvalidFields().length > 0) {    // There is invalid field
                data.fv.disableSubmitButtons(true);
					var email = $('#recipient_email').val();  
                    $.ajax({
                        type: "POST",  
                        url: '/system/reset_password.php',  
                        data: {email: email},
                        success: function(data){
						$('#pwresetform').reset();  
						$('#ResponseDiv').html(data);}  
												 
                    });
            }
        })
});})
</script>