I'm trying to output my Facebook feed to a div element.

Using this code:

<script>

      window.fbAsyncInit = function() {

        FB.init({

          appId      : 'APP ID HERE',

          xfbml      : true,

          version    : 'v2.1'

        });



        FB.getLoginStatus(function(response) {

          if (response.status === 'connected') {

            console.log('Logged in.');

          }

          else {

            console.log('initiate FB login...');

            FB.login();

          }

        });





        FB.api('/me/feed',function(response){

            var idDiv=document.getElementById('result');

            idDiv.textContent=JSON.stringify(response);

        }); 





      };



      (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/sdk.js;

         console.log(js.length);

         fjs.parentNode.insertBefore(js, fjs);

       }(document, 'script', 'facebook-jssdk'));





    </script>

<div id='result'></div>

I get logged in displayed on the console, so I know that FB.getLoginStatus() has returned connected.

The div element gets populated with the following error:

{error:{message:An active access token must be used to query information

 about the current user.,type:OAuthException,code:2500}}

If FB.getLoginStatus() returned connected, shouldn't there be an active access token?