title: What is the correct way to clone a polymer element?
body: <p>I have been trying to clone polymer elements - typically elements that have been created from data of some kind, so it is not an option to just create a new instance of the template with the constructor or <code>document.createElement</code>.</p>
  
  <ul>
  <li><code>element.cloneNode</code> does not work on its own as it does not copy the shadow-root</li>
  <li><code>lodash</code> proposed by <a href="https://stackoverflow.com/questions/27580822/polymer-clone-objects">Polymer Clone Objects</a> does not seem to do anything (cloned object is empty)</li>
  <li><code>cloneEl.shadowRoot.innerHTML = sourceEl.shadowRoot.innerHTML;</code> copies the shadow-root, but seems to lose the binding</li>
  </ul>
  
  <p>Extensive example: <a href="http://jsbin.com/vitumuwayu/3/edit" rel="nofollow noreferrer">http://jsbin.com/vitumuwayu/3/edit</a></p>
  
  <p>Is there a <code>Polymer.cloneNode</code> function I have been unable to find?</p>