title: directive not working inside <tr> that is ng-repeat bound
body: <p>I have a table where the rows are repeated via <code>ng-repeat</code>.
  I am trying to create a template that generates columns <code>&lt;td&gt;</code> for each row <code>&lt;tr&gt;</code></p>
  
  <pre class="lang-js prettyprint-override"><code>app.directive("customtd", function(){
    return {
      restrict: 'E',
      template: "&lt;td&gt;{{position.Name}}&lt;/td&gt;&lt;td&gt;{{position.Code}}&lt;/td&gt;",
      replace: true,
      scope: {
        position: '='
      }
    }
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr ng-repeat="p in positions"&gt;
      &lt;customtd position="p"&gt;&lt;/customtd&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The issue is my custom td template is not rendered at all.
  Here I intend to replace <code>&lt;customtd&gt;</code> with n number of <code>&lt;td&gt;</code>s - which will be decided based on number of properties on my data object, but at the moment I am just trying to get a simple directive working that will output two columns.</p>
  
  <p><a href="http://plnkr.co/edit/tHv9LQMlQcLimSx2GKmM?p=preview" rel="nofollow noreferrer">MYPLUNKER</a> : shows an instance of this issue and the directive code.</p>