Angular module is not working?
<p>I have the following context of code. <strong>But for some reason it is returning an error</strong> that <code>myApp</code> is not defined, when I've defined it initially and am trying to use it in multiple situations with the <code>mod</code> variable.</p>

<p>What am I doing wrong?</p>

<p><a href="https://jsfiddle.net/wL54j8g9/3/" rel="nofollow">https://jsfiddle.net/wL54j8g9/3/</a></p>

<pre><code>angular.module('myApp', []);

var mod = angular.module('myApp');

mod.directive('myList', myDirective);
mod.directive('myObject', myObject);

function myDirective(){
    var opt = {
    restrict: 'E',
    template: '&lt;ul&gt;&lt;li&gt;This is One&lt;/li&gt;&lt;li&gt;This is Two&lt;/li&gt;&lt;/ul&gt;'
  };
  return opt;
}

function myObject(){
    var opt = {
    restrict: 'A',
    template: '&lt;p&gt;A Bouncing Before Park Me Bird Joe You\'re She Tell Toenails Mix Gox I Matter TV Battered You\'ll Vim Didn\'t Oh Snapped Silly&lt;/p&gt;'
  };
  return opt;
}
</code></pre>