title: Firefox Only: FB.login() called before FB.init()
body: <p>Using the Facebook SDK, I get the following console error when trying to connect a user to my site. The "Connect with Facebook" button works fine in all other browsers, except Firefox.</p>
  
  <p>I have a Channel URL in the innit config, and I've confirmed this issue happens in Firefox installs without Firebug. The following is my code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    window.fbAsyncInit = function() {
    FB.init({
       appId :  'my_real_app_id',
       channelUrl : 'MYURL.com/channel.php',
       status:  true,
       cookie:  true,
       xfbml :  false
    });
  };
  
  (function(d) {
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) { return; }
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    ref.parentNode.insertBefore(js, ref);
  }(document));
  
  $(document).ready(function() {
    $('a#login-fb').click(function(event) {
       event.preventDefault();
       FB.login(function(response) {
          if (response.authResponse) {
             console.log('Welcome! Fetching your information...');
             FB.api('/me', function(response) {
                handleFacebookLogin(response);
             });
          } else {
             console.log('User cancelled login or did not fully authorize');
          }
       }, {scope: 'email, offline_access, user_birthday, publish_stream, publish_actions' });
    });
  &lt;/script&gt;
  </code></pre>