title: Clone elements in angularjs
body: <p>I need to duplicate some input fields in order to handle data from clients. I have done it with jQuery <a href="http://jsfiddle.net/m7R3f/1/" rel="nofollow">http://jsfiddle.net/m7R3f/1/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;fieldset id="fields-list"&gt;
  &lt;div class="pure-g entry"&gt;
      &lt;div class="pure-u-1-5"&gt;
          &lt;input type="text" class="pure-input-1" id="input-1" name="input-1"&gt;
      &lt;/div&gt;
      &lt;div class="pure-u-1-5"&gt;
          &lt;input type="text" class="pure-input-1" id="date" name="date"&gt;
      &lt;/div&gt;
      &lt;div class="pure-u-1-5"&gt;
          &lt;input type="text" class="pure-input-1" id="input-2" name="input-2"&gt;
      &lt;/div&gt;
  &lt;/fieldset&gt;
  &lt;button id="add"&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function ()
  {
      $("#add").click(function ()
      {
          $(".entry:first").clone(false).appendTo("#fields-list");
      });
  });
  </code></pre>
  
  <p>However I just start learning Angular and want to convert these code to Angular. 
  I have read questions in stackoverflow and found the code with angularjs here: <a href="http://jsfiddle.net/roychoo/ADukg/1042/" rel="nofollow">http://jsfiddle.net/roychoo/ADukg/1042/</a>. However, it seem works only for ONE input field? Can I clone/duplicate several input fields using AngularJS? (in other word: convert my code above into AngularJS version?)
  Thank you very much.</p>