title: Instagram API The access_token provided is invalid
body: <p>I am a new programmer and quite new to <code>.js</code> in general.
  My current issue is that when I run this script <code>Instagram.popular(function(r){ console.log(r)})</code> locally (i.e. on the console of Firefox) I get the following error <code>The access_token provided is invalid</code></p>
  
  <p>As I read in gitHub and other places, it has something do with Instagram changing some API policy as discussed <a href="https://github.com/stevenschobert/instafeed.js/issues/349" rel="nofollow noreferrer">here</a>. The change log for Instagram is given <a href="https://www.instagram.com/developer/changelog/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>If anyone can point me in the right direction, I will very much appreciate it.</p>
  
  <p>Below you can see my full <code>.js</code> code.</p>
  
  <p><strong>CODE</strong></p>
  
  <pre><code>    window.Instagram = {
          /**
           * Store application settings
           */
          config: {},
  
          BASE_URL: 'https://api.instagram.com/v1',
  
          init: function( opt ) {
              opt = opt || {};
  
              this.config.client_id = opt.client_id;
          },
  
          /**
           * Get a list of popular media.
           */
          popular: function( callback ) {
              var endpoint = this.BASE_URL + '/media/popular?client_id=' + this.config.client_id;
              this.getJSON( endpoint, callback );
          },
  
          /**
           * Get a list of recently tagged media.
           */
          tagsByName: function( name, callback ) {
              var endpoint = this.BASE_URL + '/tags/' + name + '/media/recent?client_id=' + this.config.client_id;
              this.getJSON( endpoint, callback );
          },
  
          getJSON: function( url, callback ) {
              $.ajax({
                  type: 'GET',
                  url: url,
                  dataType: 'jsonp',
                  success: function( response ) {
                      if ( typeof callback === 'function' ) callback( response );
                  }
              });
          }
      };
  
      Instagram.init({
          client_id: '97bf259cc45f4dd6a2cd02b694b7ffe7'
      });
  
  
      $( document ).ready(function() {
  
          Instagram.popular(function( response ) {
              var $instagram = $( '#instagram' );
              for ( var i = 0; i &lt; response.data.length; i++ ) {
                  imageUrl = response.data[i].images.low_resolution.url;
                  $instagram.append( '&lt;img src="' + imageUrl + '" /&gt;' );
              }
          });
  
          $( '#form' ).on('submit', function( e ) {
              e.preventDefault();
  
              var tagName = $( '#search' ).val();
              Instagram.tagsByName(tagName, function( response ) {
                  var $instagram = $( '#instagram' );
                      $instagram.html('');
  
                  for ( var i = 0; i &lt; response.data.length; i++ ) {
                      imageUrl = response.data[i].images.low_resolution.url;
                      $instagram.append( '&lt;img src="' + imageUrl + '" /&gt;' );
                  }
              });
  
          });
  
      });
  </code></pre>