Why is this javascript object undefined?
Just as the title says, I can't figure it out.  I've used Jasmine to try to make sure it is defined and it doesn't recognize the file.  Here is the code(btw it's a tutorial online):

    Notes.controller = (function ($, dataContext) {
	var notesListSelector = "#notes-list-content";
	var noNotesCachedMsg = "<div>No notes cached</div>";
	var notesListPageId = "notes-list-page";
	var currentNote = null;

	function init() {
		dataContext.init();
		var d = $(document);
		d.bind("pagechange", onPageChange);
	}

	function onPageChange(event, data) {

		var toPageId = data.toPage.attr("id");

		switch (toPageId) {
			case notesListPageId:

				renderNotesList();
				break;
		}
	}

	function renderNotesList() {

		var notesList = dataContext.getNotesList();
		var view = $(notesListSelector);
		view.empty();

		if (notesList.length === 0) {

			$(noNotesCachedMsg).appendTo(view);
		} else {
		
			var notesCount = notesList.length;
			var note;
			var ul = $("<ul id=\"notes-list\" data-role = \"listview\"></ul>".appendTo(view);
			for (var i =0; i<notesCount; i++) {
				note = notesList[i];
				$("<li>" + "<a data-url =\"index.html#note-editor-page?noteId=" + note.id +
				"\" href=\"index.html#note-editor-page?noteId=" +note.id + "\">" + "<div>" +
				note.title + "</div>" + "<div class=\"list-item-narrative\">" + note.narrative
				+ "</div>" + "</a>" + "</li>").appendTo(ul);
			}

			ul.listview();
		}
		
		
	};
	
	return {
	
		init: init
	}

})(jQuery,Notes.dataContext); 

I've tried even replacing all of this with the developer's provided source code and it still is undefined, so could this be a software config issue?

Thanks   
Why is this javascript object undefined?
===

Just as the title says, I can't figure it out.  I've used Jasmine to try to make sure it is defined and it doesn't recognize the file.  Here is the code(btw it's a tutorial online):

    Notes.controller = (function ($, dataContext) {
	var notesListSelector = "#notes-list-content";
	var noNotesCachedMsg = "<div>No notes cached</div>";
	var notesListPageId = "notes-list-page";
	var currentNote = null;

	function init() {
		dataContext.init();
		var d = $(document);
		d.bind("pagechange", onPageChange);
	}

	function onPageChange(event, data) {

		var toPageId = data.toPage.attr("id");

		switch (toPageId) {
			case notesListPageId:

				renderNotesList();
				break;
		}
	}

	function renderNotesList() {

		var notesList = dataContext.getNotesList();
		var view = $(notesListSelector);
		view.empty();

		if (notesList.length === 0) {

			$(noNotesCachedMsg).appendTo(view);
		} else {
		
			var notesCount = notesList.length;
			var note;
			var ul = $("<ul id=\"notes-list\" data-role = \"listview\"></ul>".appendTo(view);
			for (var i =0; i<notesCount; i++) {
				note = notesList[i];
				$("<li>" + "<a data-url =\"index.html#note-editor-page?noteId=" + note.id +
				"\" href=\"index.html#note-editor-page?noteId=" +note.id + "\">" + "<div>" +
				note.title + "</div>" + "<div class=\"list-item-narrative\">" + note.narrative
				+ "</div>" + "</a>" + "</li>").appendTo(ul);
			}

			ul.listview();
		}
		
		
	};
	
	return {
	
		init: init
	}

})(jQuery,Notes.dataContext); 

I've tried even replacing all of this with the developer's provided source code and it still is undefined, so could this be a software config issue?

Thanks   