Hi currently working in d3 and having an issue where my tooltips are not even appearing. I eventually want to implement an animation for the opacity but I can't do that if this doesn't work does anyone have any idea as to what might be the issue?

var tooltip = d3.selectAll("#job")
        .append("div")
        .style("position","absolute")
        .style("visibility", "hidden")
        .text("D3 is here")


        d3.selectAll("#job")
            .on("mouseover",function(){ return d3.select(this.lastChild).style("visibility","visible").raise();})
            .on("mousemove", function(){return d3.select(this.lastChild).style("top", (event.pageY-400)+"px").style("left",(event.pageX-400)+"px");})
            .on("mouseout",function(){return d3.select(this.lastChild).style("visibility","hidden");});[![enter image description here][1]][1]