php - mysql の結果中に JavaScript がリロードされる

Question

問題: JavaScript を使用して、index.php で MySQL から結果をリロードしようとしました。しかし、何らかの理由でうまくいかなかったので、スタックオーバーフローの回答に従いました。

ID「はい」をクリックしても何も起こりません。私はjQueryを自由に定義し、コンソールでエラーを0にしました。

質問

私は何を間違えましたか？どうすれば修正できますか？

基本的に、ID「はい」をクリックしたときに新しい結果がある場合、JavaScript が mySQL からの結果をリロード/更新するようにします。

                echo '<div id="messages">';
                while($row = $fetch->fetch( PDO::FETCH_ASSOC )) {
                        echo 
                        '<div class="background">'.$row['email'].' <span style="margin-left: 10px;"><font color="#ff0000">UNANSWERED</font></span><span id="right"><a href="index.php?recover='.$row['recover_id'].'">Read More</a></span></div><br />
                        ';
                }
                echo '</div>';

HTML

<span id="yes">RELOAD</span>

JS

<script type="text/javascript">
$(document).ready(function(){
    $("#yes").click(function(){
        $("#message").eq(0).load("index.php");
    })
})
</script>   

これに続いた：Ajaxを使用してDIV内のMySQLデータをリロードする