jquery fails to make a div empty

[Saumitra Kumar Paul]

In my asp.net mvc 4 application, i am loading a partial view in current page. The code successfully loads the desired partial view in <div id="PartialCont ent"></div> on the current page. But, before sending jquery ajax request to the server, i am trying to clear the div. But the div is not clearing. The old content is still there until the new content arrives. Here is my code-

<script type="text/javascript">
    $(document).ready(function () {
        $(".mainnav a").click(function (e) {
            e.preventDefault();
            var url = $(this).attr('href');
            if (url != '#') {
                $('#PartialContent').empty(); //not working 
                $('#PartialContent').html(''); //not working 
                $('div#PartialContent').children().remove(); //not working 
                $.get(url, function (response) {
                    $('#PartialContent').html(response);
                });
            }
        });
    });
</script>

Any idea to solve it?

[Exequiel]

put your $('#PartialCont ent').html(""); inside of your $.get function.

 $.get(url, function (response) {
   $('#PartialContent').html("");
   $('#PartialContent').html(response);
 });