title: Not showing values from API on html page but loading the JSON
body: <p>Trying to pull a list of tracks from soundcloud api.</p>
  
  <ol>
  <li>song one</li>
  <li>song two</li>
  <li>song three</li>
  </ol>
  
  <p>Gettin json back:</p>
  
  <p><a href="https://i.stack.imgur.com/pwTTR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pwTTR.png" alt="enter image description here"></a></p>
  
  <p>But its not showing results in html</p>
  
  <p>Heres html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;!-- bootstrap and js --&gt;
      &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" title="bootstrap-css" charset="utf-8"&gt;
      &lt;script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- soundcloud info --&gt;
      &lt;script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"&gt;&lt;/script&gt;
      &lt;script src="js/script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;ol id="track-list"&gt;&lt;/ol&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Heres js:</p>
  
  <pre><code>SC.initialize({
      client_id: "myid",
      redirect_uri: "mycallback",
  });
  
  var userId = 39090345; // user_id of Prutsonic
  
  SC.get("/tracks", {
      user_id: userId,
      limit: 100
  }, function (tracks) {
      var tmp = '';
  
      for (var i = 0; i &lt; tracks.length; i++) {
          tmp = '&lt;a href="' + tracks[i].permalink_url + '"&gt;' + tracks[i].title + ' - ' + tracks[i].duration + '&lt;/a&gt;';
  
          $("&lt;li/&gt;").html(tmp).appendTo("#track-list");
      }
  });
  </code></pre>