title: Cannot find elements within directive templateUrl, in link function
body: <p>Here is my directive code:</p>
  
  <pre><code>// Generated by CoffeeScript 1.6.3
  (function() {
    var autumnDirectives;
  
    autumnDirectives = angular.module('autumnDirectives', []);
  
    autumnDirectives.directive('timeline', function() {
      return {
        scope: {
          timeline: '='
        },
        templateUrl: 'partials/timeline/_timeline.html',
        controller: function($scope, $element, $attrs) {
          return console.log($scope.timeline);
        },
        link: function(scope, el, attrs) {
          console.log(el);
          return console.log(el.find(".item"));
        }
      };
    });
  
  }).call(this);
  </code></pre>
  
  <p>my template:</p>
  
  <pre><code>&lt;div class="timeline clearfix"&gt;
      &lt;div class="item" ng-repeat="item in timeline"&gt;
          &lt;div class="row"&gt;
              &lt;div class="content"&gt;{{ item.content }}&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row"&gt;
              &lt;div class="connect_line"&gt;&lt;/div&gt;&lt;div class="connect_line"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For some reason the jqlite find does not return the item element (length 0) -or any element for that matter. If I append an element in the link function then I am able to find it, however otherwise no.</p>
  
  <p>When I log el, it returns the correct element, and if I venture into children with chromes inspect tool I am able to find .item.</p>
  
  <p>I thought that link was called once the template was ready? Is something going wrong here, or am I not understanding something?</p>
  
  <p>Otherwise everything works fine</p>
  
  <p>Thanks</p>
  
  <p>NOTE: I am able to find the first div in the hierarchy with the <code>.timeline</code> class, but nothing at a deeper level</p>