title: AngularJS Link function not called
body: <p>I'm trying to write my first AngularJS directive: one involving the <code>link</code> function.  The directive is being loaded, but when I use it in my page the <code>link</code> function is not called.</p>
  
  <p><br></p>
  
  <p>Here's the fiddle: <a href="http://jsfiddle.net/jCUSh/115/">http://jsfiddle.net/jCUSh/115/</a></p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div ng-app="biApp"&gt;
      &lt;google-maps-symbol&gt;&lt;/google-maps-symbol&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the JavaScript:</p>
  
  <pre><code>var appModule = angular.module('biApp', []);
  
  appModule.directive('googleMapsSymbol', function () {
      console.log("Directive was run");
      return {
          link: function (scope, elem, attrs) {
              console.log("Link was called");
          }
      };
  });
  </code></pre>
  
  <p><br></p>
  
  <p>I'll bet I'm doing some simple thing wrong.</p>