Jquery $(document).ready(function() where in single.html wordpress

Hello,
In single.html I handle one post as it should be. The header and footer are separately created from index.html.
In single.html I have a DIV that should show jQuery content (slider).
Normally in webdesign you put something like this at the end of your html to get it started:

$(document).ready(function(){
  $(".mynicediv").myNiceDiv();
});

How can I do it in Pinegrow?
Should I put it within my single.html template definition?

Note the .js and .css library that I use for this div are included in inc/custom.php at the end as part of functions.php. I am working with the ST2 theme, setting it to my favour.
Normally you would put the $document.readz(function(){…} after this library inclusions. But I just want it in single.html

I’m not quite sure what you mean by this:

In WordPress all of your scripts and styles should be enqueued in your functions.php. Pinegrow does this for us from the and tags on the page. If you have your firing function, surrounded by tags in the HTML document after you include the library using tags you should be okay. If they end up getting enqueued in the wrong order you’ll need to use the WordPress actions to manually enqueue the js files.


Cheers,
Bob