单击时不显示弹出窗口（交互式地图）

Question

在https://youtu.be/5oQTvBwr1UM?t=812的帮助下，我正在作为学校项目自己制作交互式地图（我是编程方面的新手）。

这里的问题是，当我单击该区域时，弹出窗口没有出现。 我的.click（function（）是否有问题？

<svg version="1.1"
 id="svg4862" inkscape:output_extension=">
<path id="Louisiana" mytitle="Louisiana" class="st0"/>
</svg>

<script src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function()
{
    $('#svg4862').click(function()
    {
        var mytitle = $(this).attr('mytitle');
        alert(mytitle)
    });

});
</script>

非常感谢您的帮助。 我不知道为什么它不起作用，尽管我对youtube所做的完全相同。