title: The Facebook "Like" button doesn't show at all
body: <p>New to coding, so bear with me if this is really basic!  I'm trying to add a FaceBook "like" button to my page.  I copied the code exactly as they describe on their instructions site.  I entered my page details, the desired width (it fit the limits of what they recommend for the features I selected in the generator), and so on, and then copied/pasted the code into my html.  I must be missing something. Their instructions were to paste this into the HTML, preferably just below the opening <code>&lt;body&gt;</code>, so I did:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  </code></pre>
  
  <p>Then they said to copy/paste the following wherever I wanted the button to show up, which I did:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="fb-like" data-href="http://www.facebook.com/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I refresh my page, and there's not a trace of anything in the place where the plugin is supposed to be.  Not a dot, not a line, not an error message, nada.  What am I missing?  Thanks in advance!</p>