From 9ac75229bf24c798ee0906a9e635852611539288 Mon Sep 17 00:00:00 2001
From: David Chin <davidchin.yf@gmail.com>
Date: Fri, 19 Jul 2019 16:08:12 +1000
Subject: [PATCH] PAYMENTS-4520 Fix incorrect DOM selectors causing the payment
 method form on the account page from working properly in Safari

---
 CHANGELOG.md               | 1 +
 assets/js/theme/account.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bf39af1ab2..4f5b7859cf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - Fix broken conditional statement in share.html [#1533](https://github.com/bigcommerce/cornerstone/pull/1533)
 - Enable Facebook like button to be displayed on product page if enabled [#1530](https://github.com/bigcommerce/cornerstone/pull/1530)
 - Remove nanobar (loading bar) [#1537](https://github.com/bigcommerce/cornerstone/pull/1537)
+- Fix incorrect DOM selectors causing the payment method form on the account page from working properly in Safari [#1541](https://github.com/bigcommerce/cornerstone/pull/1541)
 
 ## 3.5.1 (2019-06-24)
 - Fix conditional logic in share.html [#1522](https://github.com/bigcommerce/cornerstone/pull/1522)
diff --git a/assets/js/theme/account.js b/assets/js/theme/account.js
index 06893f0d5b..db8ab4e238 100644
--- a/assets/js/theme/account.js
+++ b/assets/js/theme/account.js
@@ -255,7 +255,7 @@ export default class Account extends PageManager {
         $(`${paymentMethodSelector} input[name="credit_card_number"]`).on('keyup', ({ target }) => {
             cardType = creditCardType(target.value);
             if (cardType) {
-                $(`${paymentMethodSelector} img[alt="${cardType}"`).siblings().css('opacity', '.2');
+                $(`${paymentMethodSelector} img[alt="${cardType}"]`).siblings().css('opacity', '.2');
             } else {
                 $(`${paymentMethodSelector} img`).css('opacity', '1');
             }
@@ -269,7 +269,7 @@ export default class Account extends PageManager {
 
         // Set of credit card format
         CCFormatters.setCreditCardNumberFormat(`${paymentMethodSelector} input[name="credit_card_number"]`);
-        CCFormatters.setExpirationFormat(`${paymentMethodSelector} input[name="expiration"`);
+        CCFormatters.setExpirationFormat(`${paymentMethodSelector} input[name="expiration"]`);
 
         // Billing address validation
         paymentMethodValidator.add(validationModel);