title: Font Awesome Icons generated with Javascript not showing unless I refresh page
body: <p>My font awesome icons work properly through my entire application if they are inserted directly in my HTML code like this:</p>
  
  <pre><code>&lt;div&gt;
    &lt;i class="fas fa-address-book"&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I add them dynamically with Javascript they do not appear unless I refresh the page.
  For example, this won't work unless I refresh the page:</p>
  
  <pre><code>for (i=0; i &lt; fields_number; i++){
    var weight_field = document.createElement('div');
    weight_field.innerHTML = ('&lt;i class="fas fa-address-book"&gt;&lt;/i&gt;')
    container.appendChild(weight_field);
  }
  </code></pre>
  
  <p>How can I make the icons show up without having to refresh ?</p>
  
  <p>Update:
  It's a rails 5 application that uses turbolinks.</p>
  
  <p>and I am adding font awesome using CDN the following way:</p>
  
  <pre><code>&lt;script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"&gt;&lt;/script&gt;
  </code></pre>