title: FB is undefined even though I just used it
body: <p>I am trying to add a Facebook Like button to a widget that I am creating.  The code that I use to add the Facebook like button to my page is as follows:</p>
  
  <p>widget.html</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
      window.fbAsyncInit = function() {
          FB.init({
              appId  : '263071593731910',
              status : false, // check login status
              cookie : true, // enable cookies to allow the server to access the session
              xfbml  : true  // parse XFBML
          });
      };
      (function() {
          var e = document.createElement('script');
          e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
          e.async = true;
          document.getElementById('fb-root').appendChild(e);
      }());
  &lt;/script&gt;
  &lt;div id="fb-button"&gt;&lt;/div&gt;
  &lt;script type="text/javascript" src="widget.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>widget.js</p>
  
  <pre><code>$(function(){
  var fb = $(document.createElement("fb:like"));
  fb.attr({
      href: data.facebook,
      send: false,
      layout: 'button_count',
      width: 70,
      'show_faces': false
  });
  $("#fb-button").empty().append(fb);
  FB.XFBML.parse($("#fb-button").get(0));
  FB.Event.subscribe('edge.create',changeView);
  });
  </code></pre>
  
  <p>*The changeView function does exist as well in the JavaScript.</p>
  
  <p>When I run the code, I get an error: <code>Uncaught ReferenceError: FB is not defined</code> even though the button is created.  The error is pointing to the line containing FB.XFBML.parse code.  Is there something I need to do differently in my JavaScript?</p>