jquery - jqueryを使用してdivに画像がロードされると、その中の他のdivが消えます.なぜこれが起こるのですか?

Question

こんにちは、jquery を使用して画像を含む div をロードしました。その中の他の div は消えています。ここにCSSがあります

.d1
    {
     position:fixed;
     z-index:999999;
    }
.d2
    {
     position:absolute;
     background:green;
    }

これは、 d1に画像をロードするために使用した行です

jQuery(".d1").html(jQuery("<img>").attr("src",eee));

CSSで

<div class="d1">
 <div class="d2"> 
 Text
 <script type="text/javascript">
 jQuery(function ($){
 jQuery("img").click(function($) {
 var eee = jQuery(this).attr('src');
 jQuery(".d1").html(jQuery("<img>").attr("src",eee));
 });
 });
</script>
</div>
</div>

これを実行するとd2からテキストを見つけることができませんが、 スクリプトなしでこれを実行すると、テキストがd2から表示されることを意味します。これがjqueryの問題なのかエラーなのかわかりません。画像をクリックするとd2が消えますが、ポイントまで消えることはありません.画像をクリックする前にd2はありますが、firebugを使用してこの違いを確認できます.正確な問題を知っている人はいますか?