JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//connect.soundcloud.com/sdk.js"></script>
<div id="tracklist">
    <ul id="tracks"></ul>
	<p>
        <a href="http://soundcloud.com/whycharlie/tracks" target="_blank">More...</a>
    </p>
</div>

CSS

body{
	font-family: monospace;
    background-color:black;
    color:white;
}
a{
	color: #fff;
	text-decoration: none;
}
ul{
	list-style-type: none;
}
#time{
	float: right;
}

JavaScript

var connect = function (client_id) {
	SC.initialize({
		client_id: client_id // client_id: '3ede5934440610feb63976973c0f3375' MINE!
	});
};
var getTracks = function (userid, data, callback) {
	data.splice(0,1);
	SC.get('/users/' + userid + '/tracks', {limit: 5}, function (tracks) {
		data.push(tracks); 
		callback();
	});
};
var secDec = function (s) {
	var mins = ~~(s / 60);
	var secs = s % 60;
	var hrs = ~~(s / 3600);
	var mins = ~~((s % 3600) / 60);
	var secs = s % 60;
	var ret = "";
	if (hrs > 0)
		ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
		ret += "" + mins + ":" + (secs < 10 ? "0" : "");
		ret += "" + secs;
	return ret;
};
var userid = '4188617'; /*whycharlie: '64308056'*/ //User ID
var trackList = [];
connect('3ede5934440610feb63976973c0f3375');
$(document).ready(function(){
	getTracks(userid, trackList, function(){
		$.each(trackList[0], function(i, track){
			alert(i+track.title); //aquí el error
		});
	});
});