Не работает вызов функции Jquery

$(document).ready(function() {
    function init(id){
 
        var $ = {
            radius  :     50, // радиус окружности
            speed   :     5 * id  // скорость/задержка ( в js это мс, например 10 мс = 100 кадров в секунду)
        };
        var $pl = ["Меркурий","Венера","Земля","Марс","Юпитер","Сатурн","Уран","Нептун","Плутон"];
        var f = 0;
        var s = 2 * Math.PI / 180/4; //Вычислим угол
        var perem = "n"+id;
        var b_size,b_position;
        b_size = 2 * $.radius * id;
        b_position = $.radius * (-1) * id;
        $("#center").html("Вывод то что ниже");
        document.getElementById("center").innerHTML +='<div title="'+$pl[id-1]+'" class="border" style="width: '+b_size+'px; height:'+b_size+'px; left: '+b_position+'px; top:'+b_position+'px;"></div>';
 
        document.getElementById("center").innerHTML +='<div title="'+$pl[id-1]+'" class="css" id="'+perem+'">'+$pl[id-1]+'</div>';
 
        setInterval(function() { // функция движения
            f += s;
            elem = document.getElementById(perem);
            console.log(elem);
            elem.style.left = (-15 + $.radius * id  * Math.sin(f))  + 'px';
            elem.style.top =  (-15 + $.radius * id * Math.cos(f)) + 'px';
        }, $.speed)
    }
 
    $("#sun").on("click",function() {
        alert( "Пауза" );
    });
 
    var n = 9;//count planet
        var k = new Array();
    for(id = n; id>=1;id--){
    init(id);
    }
 
 
 
 
 });

$("#center").html();