Javascript 在加载内部html时显示图像

我想在使用javascript加载页面时显示gif图像。我做错了什么？：/

$("#basicReport").click(function() {
    $('#loader').html('');
    $("#loade").show();
    $("#loader").load("BasicReports.php", function () {
        $("#loade").hide();
    });
});

我这里有一个div：

<div id="loader" class = "paddleft" >
<div id="loade"> <img id="" align="center" src="load.gif"></div>
</div>

---

将gif容器移出加载程序，因为这样做会破坏gif。html:

---

将gif容器移出加载程序，因为这样做会破坏gif。html:

删除此。html具有删除加载程序标记

---

删除此项。据我所知，html没有删除加载程序标记。发生了什么？代码有什么问题？据我所知什么都没有。发生了什么？代码有什么问题？

<div id="loade"> <img id="" align="center" src="load.gif"></div>
<div id="loader" class = "paddleft" >

</div>

$('#loader').html('');