title: Code Academy: How to make this Soundcloud API example to work IRL
body: <p>I tried putting the exact .html and .js codes online and hosting it myself. </p>
  
  <p>I want to replicate this example: <a href="http://www.codecademy.com/courses/javascript-intermediate-en-txGOj/0/2?curriculum_id=50ecb9bedc5e3250c40000c6" rel="nofollow">http://www.codecademy.com/courses/javascript-intermediate-en-txGOj/0/2?curriculum_id=50ecb9bedc5e3250c40000c6</a></p>
  
  <p>You can view my code at www[dot]whatsgucci[dot]com/cloudstalk.html</p>
  
  <p>Here's thee code I used:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link type="text/css" rel="stylesheet" href="stalkstyle.css"/&gt;
          &lt;script src="http://connect.soundcloud.com/sdk.js"&gt;&lt;/script&gt;
          &lt;script src="stalkscript.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;ul id="results"&gt;
  
          &lt;/ul&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#results {
      color: #000000;
      font-weight: bold;
      font-family: cursive;
  }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>SC.initialize({
    client_id: '5e3fe3759c70fe637cb15bab22e238e0'
  });
  
  $(document).ready(function() {
    SC.get('/tracks', { genres: 'festival trap' }, function(tracks) {
      $(tracks).each(function(index, track) {
        $('#results').append($('&lt;li&gt;&lt;/li&gt;').html(track.title + ' - ' + track.genre));
      });
    });
  });
  </code></pre>
  
  <p>But nothing ends up appearing</p>