title: Get image src within directive
body: <p>I have a directive with an <code>img</code> tag inside it.</p>
  
  <pre><code>angular.module('example')
       .directive('customDirective', function() {
          return {
             restrict: 'E',
             replace: true,
             transclude: true,
             scope: {}, //isolate scope
             templateUrl: 'directives/customDirective.html'
             link: function(scope, element, attrs) {
                // returns undefined
                console.log(element.find('img').src);
             }
          };
       });
  </code></pre>
  
  <p><strong>the directive template:</strong></p>
  
  <pre><code>&lt;div class="customDirective"&gt;
    &lt;img src="image.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to get a hold of the <code>src</code> attribute on the image tag. </p>