按鈕不被點擊

更新我有一個按鈕上的文字更新簡單的JS代碼：按鈕不被點擊

<html> 
<head> 
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
</head> 
<body> 
    <table border='1'> 
    <div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div> 
    <script type="text/javascript"> 
    //wait for HTML document 
     $(document).ready(function() { 
      $('#load-button').click(function() { 
      $.ajax({ 
       url: 'http://developers-blog.org/resources/jquery-ajax/snippet.html', 
       success: function(data) { 
       $('#load-button').empty(); 
       $('#load-button').append(data); 
       } 
      }); 
      }); 
     }); 
    </script> 
</body> 
</html>

jQuery庫是index.php頁面的文件夾。但是這個代碼不起作用。請告訴我，我在哪裏犯了一個錯誤？先謝謝你。

來源

2012-06-24 user1477886

我與清理您的標記開始，因爲它是無效的。 –

雅請修正您的標記\ – shareef

@TiesonT。你不喜歡錶中的腳本或div？我覺得它很可愛！ – gdoron