title: angular trasnclude always adds as child, sibling required
body: <p>I would like to do the transclude equivalent of <code>element.insertAfter</code>. What I am getting is basically <code>element.appendChild</code>. I would like the new element to share the same parent as the directive's element.</p>
  
  <p>I would like</p>
  
  <pre><code>&lt;div&gt;
      &lt;input with-button&gt;&lt;/input&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to become</p>
  
  <pre><code>&lt;div&gt;
      &lt;input&gt;&lt;/input&gt;
      &lt;button&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but I get instead</p>
  
  <pre><code>&lt;div&gt;
      &lt;input&gt;
          &lt;button&gt;&lt;/button&gt;
      &lt;/input&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My directive's template looks like</p>
  
  <pre><code>&lt;ng-transclude&gt;&lt;/ng-transclude&gt;
  &lt;button&gt;&lt;/button&gt;
  </code></pre>
  
  <p>and the directive looks like</p>
  
  <pre><code>angular
      .module('appy')
      .directive('withButton', withButton);
  
  function withButton() {
      return {
          restrict: 'A',
          transclude: true,
          templateUrl: 'path/to/template'
      };
  }
  </code></pre>
  
  <p>According to the docs this should work. What am I missing?</p>