title: why ng-transclude not working in angular js as expected
body: <p>I make a simple directed with isolated scope .I read the tutorial of transclude but when I apply it not working as expected .I need to show "dd" and test together how I can show this 
  here is my plunker
  <a href="http://plnkr.co/edit/OxmVga7DdkNxzPnfDtGS?p=preview" rel="nofollow">http://plnkr.co/edit/OxmVga7DdkNxzPnfDtGS?p=preview</a></p>
  
  <pre><code> var app =angular.module('app',[]);
    app.directive('newdir',function(){
      return {
        restrict:"E",
        scope:{
          fr:'@'
        },
        replace:true,
      transclude: true, // we want to insert custom content inside the directive
        template:"&lt;div ng-transclude &gt;{{fr}}&lt;/div&gt;"
  
      }
    }); 
  </code></pre>