[SOLUCIONADO] Problema con append()

[NederFock]

Hola amigos de FDW! estoy empezando a trabajar con javascript/jquery y estoy hace rato con un problema que no le encuentro solucción.

Tengo un reproductor en html5 con un playlist y quiero que al clickear en un botón se agregue un tema más al playlist, y se agrega, pero el código del playlist ya no me es válido para ese caso.

Código en cuestión:

Función para agregar temas a la capa tracks

Código PHP:

  <script>
$( document ).ready(function() {
$("#addsong").click(function(){
  $("#tracks").append("<li><a href='Kalimba.mp3'>Ravel Bolero</a></li>");
  $("#tracks").height();
});
});
</script> 
  

Reproductor:

Código HTML:

 <audio id="audio"  tabindex="0" controls="" type="audio/mpeg">
        <source type="audio/mp3" src="">
    </audio>
            
    
<!-- Playlist -->
<div id="playlist">
                <div id="lista" class="lista">
                     <ol id="tracks">
                           <li><a href="Kalimba.mp3">Ravel Bolero</a></li>
                     </ol>
               </div>
</div>
<div>
<input type="submit" id="addsong">
</div> 

funciones del reproductor con el playlist

Código PHP:

  <script>
 var audio;
var playlist;
var tracks;
var current;

init();
function init(){
    current = 0;
    audio = $('audio');
    playlist = $('#lista');
    tracks = playlist.find('li a');
    len = tracks.length - 1;
    audio[0].volume = 1;
    audio[0].play();
    playlist.find('a').click(function(e){
        e.preventDefault();
        link = $(this);
        current = link.parent().index();
        run(link, audio[0]);
    });
    audio[0].addEventListener('ended',function(e){
        current++;
        if(current == len){
            current = 0;
            link = playlist.find('a')[0];
        }else{
            link = playlist.find('a')[current];    
        }
        run($(link),audio[0]);
    });
}
function run(link, player){
        player.src = link.attr('href');
        par = link.parent();
        par.addClass('active').siblings().removeClass('active');
        audio[0].load();
        audio[0].play();
}

</script> 
  

Es mi primera vez en el grupo de javascript, así que espero haber taggeado bien los códigos.
Espero alguno pueda darme una respuesta de qué estoy haciendo mal con el código. Desde ya, mil gracias!!!

(Pongo los scripts con los tags de php para que aparezcan con colores, no se si suelen hacerlo así)