Php 使用jQuery动态更改div在我的站点上不起作用

我尝试了许多类型的代码，但都不起作用。我最后尝试的是：

我有两个按钮，需要执行脚本。一种是在不起作用的页面上获取动态内容。第二个是注销该站点，并且该站点正在运行

以下是我的主页代码的一部分：

<?php

echo '<p></p>';
echo '<p></p>';

echo '<div style="width:300px;float:left;">';

    echo '<button type="buton" id="loyaltybut" onclick="loyalty()" style="background:#8C8C8C;width:300px;margin-bottom:1px;margin-top:7px;" href="#">But1</button>';
    echo '<button type="buton" id="logoutbut" onclick="logout()" style="background:#8C8C8C;width:300px;margin:1px auto;">But2</button>';

    #Loyalty report - script
        echo '<script type="text/javascript">';
            echo 'function loyalty() {';                        
                echo '$("#loyaltybut").click(function(){';
                echo '$("#data").load("localhost/data #article1");';
                echo '}';
                echo '}';                       
        echo '</script>';

        #Logout - script
        echo '<script>';
            echo 'function logout() {';
            echo 'window.location.replace("localhost/logout/");';
            echo '}';
        echo '</script>';

        echo '</div>';

        echo '<div id="data" style="width:750px;float:right;">';

        echo '</div>';?>

---

要使用Jquery，必须导入Jquery.js


为什么要这样输出html和脚本？它不包含任何PHP计算。另外，
type=buton
应该是
type=button
。实际上它有PHP计算。这只是我试图处理的部分，但我必须将其连接到数据库，检查是否一切正常，等等。。。我改变了buton-button，仍然没有幸运地使用这个URL来导入你的JavaScript是非常不明智的。URL链接到一个私有网站，上面有jQuery库。所有者可以随时修改此文件，并将安全问题引入脚本。请从或其他信誉良好的CDN获取您的jQuery…导入此项。还是不走运
<?php

echo '<div id="article1">';
echo '<b>ARTICLE 1</b> This is my first article';
echo '</div>';

?>