title: javascript conflict with jquery fadein of button
body: <p>I have a conflict with my javascript which is causing elements not to fadein. I have a button set to fadein after 10 seconds which works fine when I remove my javascript that I'm using for something else.</p>
  
  <p>Can anyone help me figure out what the conflict might be? </p>
  
  <p>You can see the test page I'm working on here: <a href="https://training.handcraftedbusinessfilms.com/test-fade-in/" rel="nofollow noreferrer">https://training.handcraftedbusinessfilms.com/test-fade-in/</a></p>
  
  <p>I've currently removed the javascript that is causing the conflict but you can see it below.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      // Custom code by James
      jQuery( document ).ready( function ( jQuery ) { 
          // binds to the plugin's function 
          jQuery( "input[name='gform_payment_method']" ).on( 'click', gfpStripeToggleCreditCard() );
          // triggers the change to default option 
          jQuery( "input[id^=gform_payment_method_card_]" ).click();
          console.log("Hello James");
      });
  &lt;/script&gt;
  </code></pre>