按钮不被点击

更新我有一个按钮上的文字更新简单的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