jquery - 長さが設定されていない ul を動的に作成するにはどうすればよいですか?

Question

append() メソッドを使用する必要があることはわかっていますが、リスト内の項目の数は毎回異なり、ul のどの部分をリストのスケルトンとして html に入れるべきか、どの部分をどの部分にするべきかわかりません。一部は、スクリプトを介して append() で動的に追加する必要があります。

/* 
 * The function I want to create the list queries my database and pulls rows
 * of data that I want to put into a list. The number of rows will vary. Ignore
 * everything up until the list of variables.
 */ 
var activityInfo = function(niche, actvtyId){

  var info = Parse.Object.extend(niche); 
  var query = new Parse.Query(info);

  query.equalTo("objectId", actvtyId);

  query.first({
    success: function(results) {
      var activity = results.get("activity");
      var ageGroup = results.get("ageGroup");
      var numPPL = results.get("numPPL");
      // I'm not sure if I should put an empty ul in my html and then add the
      // line items or what?   
      $('ul').append("<li>" + activity + ' ' + ageGroup + ' '+ numPPL"</li>");
    });
  }
}