missing variable name

Bonjour,
Voila je rencontre un petit problème avec mon code.

Ce que je fais

<script>
            var stripe = Stripe('pk_test_test_XXXXXXXXXXXX');

                    var elements = stripe.elements();
                    var card = elements.create('card');
                    var.mount('#card-element');
​
                    var promise = stripe.createToken(card);
                    promise.then(function(result) {

                    });
​
                    var then(function(result) {});
                    var $form = $('#payment_form');
                    $form.submit(function(e) {
                        e.preventDefault();
                         $form.find('.button').attr(true);                       
                        stripe.card.createToken($form, function (status, response) {
                                if (response.error) {
                                    $form.prepend('<div class="ui negative message"><p>' +response.error.message + '</p></div>');
                                } else {
                                    var token = response.id;
                                    $form.append($('<input type="hidden" name="stripeToken">').val(token))
                                    $form.get(0).submit();
                                }

                         })
                    })
               </script>

Donc je souhaite intégrer stripe dans mon formulaire html, mais la console de javascript m'affiche cette errreur :
missing variable name
Comment puis-je corriger mon erreur?
Merci à vous.