title: JavaScript cannot run <span> in innerHTML
body: <p>I'm trying to use <a href="http://sharethis.com/" rel="nofollow">ShareThis</a> (A sharing tool) on my website.</p>
  
  <p>I have an external JavaScript file that will imports all html codes by using innerHTML.</p>
  
  <p>So the code basically runs like this:</p>
  
  <pre><code>document.getElementById("social_media").innerHTML = "&lt;span class='st_facebook_large' displayText='Facebook'&gt;&lt;/span&gt;";
  </code></pre>
  
  <p>And the Header contains all the necessary files to run this span tag</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;var switchTo5x=true;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;stLight.options({publisher: "de187292-9a6b-41ad-b7c6-a041b541f753", doNotHash: false, doNotCopy: false, hashAddressBar: false});&lt;/script&gt;
  </code></pre>
  
  <p>Ideally, <code>&lt;span class='st_facebook_large'</code> will convert into a facebook share button, but I can't get the  tag to work properly. </p>
  
  <p>Please help, thanks so much.</p>