title: Angular 2 (click) and jQuery .clone() method not working
body: <p>So i have a template for Angular 2 and this template uses jQuery components that "works". Well.. When the page is resized this fire a jQuery function that re-design the sidebar adding all the items of the top navbar using the "clone()" method of jQuery. Something like this:</p>
  
  <pre><code>... code ommited ...
   $navbar = $('nav').find('.navbar-collapse').first().clone(true);
  ... more code ommited...
  </code></pre>
  
  <p>This works well, this clone all the items of the navbar on the sidebar. The only problem is a button that i have on the sidebar to logout the system. This is the code:</p>
  
  <pre><code>&lt;a class="text-danger link-pointer" (click)="doLogout()"&gt;
      &lt;i class="pe-7s-power"&gt;&lt;/i&gt; Cerrar Sesión
  &lt;/a&gt;  
  </code></pre>
  
  <p>As you can see, i use the (click) binding that call a method of my class.
  The problem is: <strong>When the jQuery clone occours then is cloned, but without the binding</strong>. So the link is broken. I can't use the [routerlink] binding because i need execute some code before redirect the user to the logout page.</p>
  
  <p>Any idea to do this?
  Thanks a lot.</p>