Dynamically Add LI to UL

HTML

<div id="lst">
  <ul id="ticketsDemosss" class="tickets">
                    <!-- add LI here -->
                <li>501000</li><li>502000</li><li>503000</li><li>504000</li><li>505000</li><li>506000</li><li>507000</li><li>508000</li></ul>
</div>



<button id="clickMe">Click Me</button>

JavaScript

$('#clickMe').click(function() {

    //$('#ticketsDemosss ul li:eq(0)').append($('<li>').text('sds'));
        //$('#ticketsDemosss li').last().prepend($('<span>').text('k'));
        var result=[12,23,34,45];
    $('#lst ul:last li').each(function () {
        var tempArray=[];
        var invalue = $(this).text();
        //$this = $(this);
        //alert(invalue);
        //$(this).append($('<ul>'));
        var str='<ul>';
        //alert($this.html());
        for (var i = 0; i < result.length; i++) {
            //if (parseInt(invalue) === parseInt(result[i].parentMenuCode)) {
                // tempArray.push(value.menuCode);
                //$(this).append($('<li>')).text(result[i]);
            //}
            str+='<li>'+result[i]+'</li>';
        }
       str+='</ul>';
       $(this).append(str);
    });
});