title: Html table row not appending to specified table
body: <p>I am trying to add the json string to an html table. The object data is correct but it is not appending to the table. What am I doing wrong with my jquery append statement?</p>
  
  <pre><code>    function GetSongs(id) {
          $.ajax(
          {
              type: "Get",
              url: "@Url.Action("GetSongs", "Game")",
              data: { playlistId : id },
              success: function (data) {
                  json = data;
                  obj = JSON.parse(json);
                  for (var i = 0; i &lt; data.length; i++) {
                      $('#song-table').append('&lt;tr&gt;'+ htmlEncode(obj[i].SongURL) +'&lt;/tr&gt;');
                  }
  
              }
          });
      }
  </code></pre>
  
  <p>HTML Table:</p>
  
  <pre><code>               &lt;div id="player-playlist"&gt;
                      &lt;table id="song-table" style="width:420px"&gt;
                          &lt;tr&gt;
                              &lt;th&gt;Song&lt;/th&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td&gt;http://www.youtube.com/v/CFF0mV24WCY&lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
  </code></pre>