JotForm Lightbox: Javascript conflict in Shopify website

Hello there, 

I am using Shopify for my website. I am trying to embed the lightbox form into a page. The code I got from Jotform is below: 

Grooming

Shopify wouldn't allow me to directly embed the code in the page source code (I might be wrong about this). So I added the script to theme.liquid file and the code for the button on the page.

Theme.liquid file:

.jotformscript {

}

Page source code:

The page loads fine. But the page is showing there's something wrong with the script (see attached picture). Some other functions on the website are affected as well. 

Thank you so much in advanced for your help. I really appreciate it!

Please try to place (move) the JotForm Lightbox code before other scripts in the head section.

You can also remove the .jotformscript { } code.

If you need any further assistance, please let us know.