JsRender error Object doesn't support property or method 'render'

Question

I have used jsRender.js in a content editor on a webpart page.
Whenever I am using the following line inside document.ready(), it gives error.
$( "#SearchResults" ).html(
$( "#resultTemplate" ).render( results )
Error: Object doesn't support property or method 'render'.
Basically on a button click, this is getting called to display the results.
I have checked, the jsRender.js file getting loaded properly.
Can anyone help in this issue.

Answer 1

Hi All,
Using the developer tool, when I am running the render method on $( "#resultTemplate" ) element, it's again giving the same error.
I have properly referred the jQuery and jsRender file using the seperate </script> tag. Also identified that on page load, these files are getting properly loaded.
Here is the following code I am using, where I am calling the search function in last line (originally on button click):
<script src="/sites/Tools/siteassets/jquery/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/sites/Tools/SiteAssets/FormExtension/jsrender.js" type="text/javascript"></script>
$(document).ready(function(){
var searchCount = 0;
function search(term) {
// Show loading animation
$(".loadingAnim").show();
$("#searchResults").html("");
var curCtx = new SP.ClientContext.get_current();
var searchCAML = "";
var searchToBeAppended = "";
var searchTerms = term.split(" ");
// remove empty elements/blanks
searchTerms = $.grep(searchTerms,function(n){
return(n);
if(searchTerms.length > 1){
searchCAML += "<And>";
$.each(searchTerms, function(i, t){
if(i == 0 || i == 0 && searchTerms.length == 2){
searchCAML += "<Contains><FieldRef Name='search' /><Value Type='Text'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
}else if(i == 0 && searchTerms.length > 2){
searchCAML += "<Contains><FieldRef Name='search' /><Value Type='Text'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
}else if(i == 1 && searchTerms.length == 2){
searchCAML += "<Contains><FieldRef Name='search' /><Value Type='Text'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains></And>";
}else if(i == searchTerms.length-1){
searchCAML += "<Contains><FieldRef Name='search' /><Value Type='Text'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
}else{
searchCAML += "<And><Contains><FieldRef Name='search' /><Value Type='Text'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
searchToBeAppended += "</And>";
if(searchTerms.length > 2){
searchToBeAppended += "</And>";
// Append necessary colsing tags
searchCAML += searchToBeAppended;
//reset searchToBeAppended
searchToBeAppended = "";
if(searchTerms.length > 1){
searchCAML += "<And>";
$.each(searchTerms, function(i, t){
if(i == 0 || i == 0 && searchTerms.length == 2){
searchCAML += "<Contains><FieldRef Name='ContentRemark' /><Value Type='Note'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
}else if(i == 0 && searchTerms.length > 2){
searchCAML += "<Contains><FieldRef Name='ContentRemark' /><Value Type='Note'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
}else if(i == 1 && searchTerms.length == 2){
searchCAML += "<Contains><FieldRef Name='ContentRemark' /><Value Type='Note'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains></And>";
}else if(i == searchTerms.length-1){
searchCAML += "<Contains><FieldRef Name='ContentRemark' /><Value Type='Note'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
}else{
searchCAML += "<And><Contains><FieldRef Name='ContentRemark' /><Value Type='Note'><![CDATA["+xmlencode($.trim(t))+"]]></Value></Contains>";
searchToBeAppended += "</And>";
if(searchTerms.length > 2){
searchToBeAppended += "</And>";
// Append necessary colsing tags
searchCAML += searchToBeAppended;
if(searchCAML != ""){
searchCAML = "<View><Query><Where><Or>"+ searchCAML +"</Or></Where></Query><RowLimit Paged='FALSE'>500</RowLimit></View>";
}else{
searchCAML = "<View><RowLimit Paged='FALSE'>500</RowLimit></View>";
/* Load Equipments*/
listEqui = curCtx.get_web().get_lists().getByTitle('Dossiers');
var queryResults = new SP.CamlQuery();
queryResults.set_viewXml(searchCAML);
listItemsResults = listEqui.getItems(queryResults);
curCtx.load(listItemsResults , 'Include(ID, Title, Group, Created, Responsible, Client, Autor, Party1, Party2, search )');
curCtx.executeQueryAsync(getListItemsSuccess, getListItemsFailure);
function getListItemsSuccess(sender, args) {
var term = $("#searchTerm").attr("value");
var results = new Array();
var listEnumerator = listItemsResults.getEnumerator();
while (listEnumerator.moveNext()) {
var element = {
ID: listEnumerator.get_current().get_item("ID")
, Title: listEnumerator.get_current().get_item("Title")
, Group: listEnumerator.get_current().get_item("Group")
, Created: listEnumerator.get_current().get_item("Created")
, Responsible: listEnumerator.get_current().get_item("Responsible")
, Client: listEnumerator.get_current().get_item("Client")
, Party1: listEnumerator.get_current().get_item("Party1")
, Party2: listEnumerator.get_current().get_item("Party2")
, Autor: listEnumerator.get_current().get_item("Autor")
, term: term
results.push(element);
$("#searchResCount").text( results.length + " dossiers found");
$( "#SearchResults" ).html(
$( "#resultTemplate" ).render( results )
AddHoverStyle();
$(".loadingAnim").delay(1000).fadeOut();
function getListItemsFailure(sender, args) {
SP.UI.Notify.addNotification('Failed to get list items. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace(), false);
$(".loadingAnim").delay(1000).fadeOut();
//Calling search function.
search("cl")
Kindly let me know if something is wrong here.