.pkpHandler is not a function - help please

I have a plugin that contains a frontend OJS form, and I am receiving an error message from the javascript that is included at the top of the form template itself:

<script>
    $(document).ready(function(){ldelim}
		$('#submitForm').pkpHandler('$.pkp.controllers.form.AjaxFormHandler');
	{rdelim}
    );
</script>

The error:

jquery.min.js?v=3.3.0.10:2 jQuery.Deferred exception: $(...).pkpHandler is not a function TypeError: $(...).pkpHandler is not a function
    at HTMLDocument.<anonymous> (http://localhost/ojs/index.php/ve/clinical-queries-submit:620:33)
    at e (http://localhost/ojs/lib/pkp/lib/vendor/components/jquery/jquery.min.js?v=3.3.0.10:2:30005)
    at t (http://localhost/ojs/lib/pkp/lib/vendor/components/jquery/jquery.min.js?v=3.3.0.10:2:30307) undefined

On encountering the error originally, I placed the script after the footer instead but the error still occurs.

Is there another JS library that I have neglected to load?

I am using OJS 3.3.0.10

Hi @Ant_Forshaw,

You are right, by default that library is only loaded to the “back-end” pages.
As far as I remember, to load it in a smarty template you can use:

{load_script context="backend"}