Uncaught Reference on '$root' <p>When I test, $root is throwing an uncaught reference error. These are the files involved, let me know if you need more information. But I can't honestly see what I'm doing wrong.</p> <p>Is there something I need to do to make $root available to me? Is it exclusive to mobile apps only?</p> <p>shows.js</p> <pre><code>VelocityMeetings.shows = function (params) { var errorMessage = ko.observable(""); var viewModel = { errorMessage: errorMessage, errorVisible: ko.computed(function() { return errorMessage().length != 0; }), hideError: function () { errorMessage(""); }, resultsItemClick: function () { alert('ok') } }; return viewModel; }; </code></pre> <p>shows.dxview</p> <pre><code>&lt;div data-options="dxView : { name: 'shows', title: 'Trade Shows' } "&gt; &lt;div style="font-size: 11px;" class="shows-view" data-options="dxContent : { targetPlaceholder: 'content' } "&gt; &lt;br /&gt; &lt;img src="images/logo.jpg" /&gt; &lt;div style="color: red; margin: 5px; font-size: 12px;" data-bind="visible: errorVisible, text: errorMessage"&gt;&lt;/div&gt; &lt;br /&gt; &lt;div style="font-size: 14px; color: rgb(98, 31, 137); font-weight: bold;"&gt;My Shows&lt;/div&gt; &lt;br /&gt; &lt;div data-bind="dxList: { dataSource: Shows }"&gt; &lt;div data-options="dxTemplate: { name: 'item' }, dxAction: $root.resultsItemClick" style=" style =" border: 1px solid lightgrey; padding: 15px; color black; width: 200px; margin: auto;"&gt; &lt;img data-bind="attr:{ src: image }" /&gt;&lt;br /&gt; &lt;b&gt;&lt;span data-bind="text: date"&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt; &lt;b&gt;&lt;span data-bind="text: location"&gt;&lt;/span&gt;&lt;/b&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>