title: Angular Universal and jQuery causes page not to be rendered correctly
body: <p>Angular Universal seems to have a problem with jQuery. Calling a simple jQuery function inside an angular component causes that the entire page is not rendered completely:</p>
  
  <pre><code>// home.component.ts
  import {Component, OnInit} from '@angular/core';
  
  declare var jquery: any;
  declare var $: any;
  
  @Component({
      selector: 'app-home',
      templateUrl: './home.component.html',
      styleUrls: ['./home.component.scss']
  })
  export class HomeComponent implements OnInit {
      @Language() lang: string;
  
      constructor() {
      }
  
      ngOnInit() {
          $('.tp-banner').show(); // just for the sake of demonstration...
      }
  }
  
  
  // home.component.html
  &lt;div class="tp-banner-container"&gt;
      &lt;div class="tp-banner"&gt;
          This is my home
      &lt;/div&gt;
  &lt;/div&gt;
  
  // front.component.html
  &lt;app-header-menu&gt;&lt;/app-header-menu&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  
  // header-menu.component.html
  &lt;div class="col-md-6 col-sm-6 col-xs-6"&gt;
      &lt;ul id="top_links"&gt;
          &lt;li *ngFor="let menuItem of menuItems"&gt;
              &lt;span (click)="selectLocale(menuItem.language)"&gt;
                  {{ menuItem.text}}
              &lt;/span&gt;
          &lt;/li&gt;
          &lt;li id="social_top"&gt;
              &lt;a href="https://facebook.com" target="_blank"&gt;&lt;i class="icon-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So as you can see, the <code>HomeComponent</code> is loaded in the <code>router-outlet</code> included in the <code>FrontComponent</code>. But it seems that as soon as the HomeComponent includes some jQuery script, the entire app isn't rendered anymore completely (for example the <code>ngFor</code> used in the header menu). </p>
  
  <p>Source code <strong>NOT</strong> completely rendered:</p>
  
  <pre><code>&lt;app-header-menu _ngcontent-c0="" _nghost-c1=""&gt;
      &lt;div _ngcontent-c1="" class="col-md-6 col-sm-6 col-xs-6"&gt;
          &lt;ul _ngcontent-c1="" id="top_links"&gt;
              &lt;!----&gt;
              &lt;li _ngcontent-c1="" id="social_top"&gt;
                  &lt;a _ngcontent-c1="" href="https://facebook.com" target="_blank"&gt;&lt;i _ngcontent-c1="" class="icon-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/app-header-menu&gt;
  </code></pre>
  
  <p>As soon as I remove the jQuery part, everything works fine</p>
  
  <pre><code>&lt;app-header-menu _ngcontent-c0="" _nghost-c1=""&gt;
      &lt;div _ngcontent-c1="" class="col-md-6 col-sm-6 col-xs-6"&gt;
          &lt;ul _ngcontent-c1="" id="top_links"&gt;
              &lt;!----&gt;
              &lt;li _ngcontent-c1=""&gt;
                 &lt;span _ngcontent-c1=""&gt;
                     english
                 &lt;/span&gt;
              &lt;/li&gt;
              &lt;li _ngcontent-c1=""&gt;
                 &lt;span _ngcontent-c1=""&gt;
                     deutsch
                 &lt;/span&gt;
              &lt;/li&gt;
              &lt;li _ngcontent-c1="" id="social_top"&gt;
                 &lt;a _ngcontent-c1="" href="https://facebook.com" target="_blank"&gt;&lt;i _ngcontent-c1="" class="icon-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
           &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/app-header-menu&gt;
  </code></pre>