The button doesn't update by click
<p>I have the simple JS code for updating text on button:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;script type="text/javascript" src="jquery-1.7.2.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;table border='1'&gt;
    &lt;div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;"&gt;Load button&lt;/div&gt;
    &lt;script type="text/javascript"&gt;
    //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); 
              }
            });
          });
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>JQuery library is the folder with index.php page. But this code doesn't work. Please, tell me, where have I made a mistake? Thank you in advance. </p>
