Cannot read property 'isFlipped' of undefined

[ConduciveMammal]

I've been trying to implement Flip into my Shopify Slate site and I'm getting this message in my console:

Cannot read property 'isFlipped' of undefined

My code is closely like:

<div class="form-cards">
      <div class="card card--form login-form front">
            First Card Content
           <span class="card-flip">Forgot Password</span>
       </div>
       <div class="card card--form password-form back">
            Second Card Content
           <span class="card-flip">Cancel</span>
       </div>
 </div>

$(".form-cards").flip({
  trigger: 'manual'
});   
$("#card-flip").flip('toggle');

[medinalex]

i had same issue

[srinubits]

if you use the specific version of jQuery mentioned, you'd not get the issue. Think it is tied to a specific version of jQuery