title: Twitter follow button doesn't render in Google Chrome
body: <p>I have used the <a href="https://twitter.com/about/resources/buttons#follow" rel="nofollow">twitter button resources</a> to generate code for a follow button, which I added to the required page of a website I am working on. The code is:</p>
  
  <pre><code>&lt;a href="https://twitter.com/daniduffymakeup" class="twitter-follow-button" data-show-count="false" data-size="large"&gt;@daniduffymakeup&lt;/a&gt;
  &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");&lt;/script&gt;
  </code></pre>
  
  <p>When viewing the page in Safari the JavaScript to style the button appears to be executed fine as the button is styled as expected, however in Chrome the link text is displayed each time and only gets styled as a button if the page is reloaded by visiting another link and navigating backwards. Refreshing the page clears the button style again and sometimes even the plain link text does not get rendered.</p>
  
  <p>What could be causing this behaviour? I have tried moving the JavaScript function into the head element of the page but to no avail.</p>