title: Facebook 'share' button not functioning properly on Firefox?
body: <p>My BigCartel site's Facebook 'share' button inside of my products' "QUICK LOOK" modal works perfectly fine on Chrome (although it isn't positioned correctly yet), except on Firefox, it doesn't work unless you click into the "QUICK LOOK" modal once on a product, then exit, and click back into it for the same product. I'd really appreciate some help on this one.</p>
  
  <p><strong>Here's what the code for the Facebook 'share' button looks like, scripts and all:</strong></p>
  
  <pre><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;
    &lt;script&gt;FB.XFBML.parse();&lt;/script&gt;
  
    &lt;li id="social_facebook"&gt;
    &lt;div class="social_action"&gt;
    &lt;div class="fb-share-button" data-href="http://shopmoonfall.bigcartel.com{{ product.url  }}" data-type="button"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p><strong>Here's the page I'm working on (hover over a product and click the "QUICK LOOK" button (that opens the modal):</strong>
  <a href="http://shopmoonfall.bigcartel.com/products" rel="nofollow">http://shopmoonfall.bigcartel.com/products</a></p>