title: Soundcloud API: getting this simple example to work
body: <p>I am using this Soundcloud example: <a href="http://connect.soundcloud.com/examples/basic.html" rel="nofollow">http://connect.soundcloud.com/examples/basic.html</a></p>
  
  <p>I'll copy the following code into an html doc:</p>
  
  <pre><code>&lt;script src="//connect.soundcloud.com/sdk.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    SC.initialize({
      client_id: "YOUR_CLIENT_ID"
    });
  
    $("#loadTracks").live("click", function(){
      SC.get("/tracks", {limit: 1}, function(tracks){
        var track = tracks[0];
        SC.oEmbed(track.uri, document.getElementById("track"));
      });
    });
  &lt;/script&gt;
  
  &lt;input type="button" id="loadTracks" class="button big" value="Get hottest track" /&gt;
  &lt;div id="track"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Then I just replace the <code>YOUR_CLIENT_ID</code> with my client ID. When I try to rehost it, all I get  is this: <a href="http://tobyfray.com/" rel="nofollow">http://tobyfray[dot]com/</a></p>
  
  <p>Should I also be using the following .js file too?:<code>http://connect.soundcloud[dot]com/examples/examples.js</code></p>
  
  <p>Anyway, any help on how to make it work exactly as the example over here would be greatly appreciated: <a href="http://connect.soundcloud.com/examples/basic.html" rel="nofollow">http://connect.soundcloud.com/examples/basic.html</a></p>
  
  <p>My example just has nothing happen when you click my button</p>