Shopify Script Tag: Uncaught TypeError: $ is not a function

[therahulissar]

Currently working on a shopify app which uses script tags to add a section on the thank you page (order status page). 

This is my test-script.js file: 

console.log('this is coming from script tag api!')

const header = $('div.section__content').parent('.section');
 
var myContent = function($) {

//content box contains some basic styling with divs and an image which I haven't included
const contentBox = $( ....).css(....)

header.prepend(contentbox)
}

I keep getting an Uncaught TypeError: $ is not a function when I check the chrome console. Am I supposed to add a jQuery script? Am confused on the next steps. 

[Ajay-app-dev · Accepted solution]

Yes @therahulissar  , you need to add a jQuery script. Also, wrap up your jquery code within 

$( document ).ready(function() {
 // Wrap up your code here  
});