title: Jquery Flip Issue
body: <p>I am using the jquery flip plugin and i have an issue where when i place the front and back on my two divs everything is visible on the page like so.
  <a href="https://i.stack.imgur.com/dRkMP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dRkMP.png" alt="Html page with jquery issue"></a></p>
  
  <p>Does anyone know why this is happening i have the simplest version of the jquery code any help would be appreciated.</p>
  
  <p>Flip Code:</p>
  
  <pre><code>$("#card").ready(function () {
    $("#card").flip({
      // axis: 'y',
      speed: '700',
      trigger: 'click'
    });
  });
  </code></pre>