I'm trying to reload particular element on button on click using jQuery, but when I click the button, the entire page gets loaded in this element. I have tried the following code which loads the entire page in this element. I want to load only particular element.

$(document).ready(function() {

    $("#button").click(function() {

        $("#demo").load(location.href + "#demo");

    });

});

<div id="example">

    <p id="demo">hi</p>

    <button id="button" type="button">press</button>

</div>