title: Angular.js $compile returns array of html but not actual html
body: <p>I have the following code:</p>
  
  <pre><code>app.directive('mySample', function($compile) {
      return {
          //template:"&lt;input type='text' ng=model='sampleData'/&gt; {{sampleData}} &lt;br/&gt;"
          link: function(scope, element, atts, controller) {
              var markup = "&lt;input type='text' ng=model='sampleData'/&gt; {{sampleData}} &lt;br/&gt;";  
              angular.element(element).html($compile(markup)(scope));
              console.log($compile(markup)(scope));
          }
      };
  });
  </code></pre>
  
  <p>And I would expect it to generate an input, some span that's coupled via the scope and a break. However I get this output:</p>
  
  <p><code>[[object HTMLInputElement], [object HTMLSpanElement], [object HTMLBRElement]]</code></p>
  
  <p>I also tried the template, in comment here, separately and then commenting out the link part. That generates the input and break elements but not the span that shows the coupled model input sampleData.</p>
  
  <p>I have a non-working sample at <a href="http://jsfiddle.net/KvdM/nwbsT/">http://jsfiddle.net/KvdM/nwbsT/</a> that demonstrates it.</p>