لود شدن داده ها با ایجکسی

[parsdarab]

سلام
من یک layout دارم همون masterpage که در این masrerpage در قسمت heading ان یک div تعریف کرده ام

<div id="LoadingDiv" style="width: 100%; font-family: tahoma; display: none; position: static; padding: 0;margin: 0">
لطفا کمی صبور باشید...

<div class="bs-example" style="width: 100%">
<div class="progress progress-striped active">
<div class="progress-bar" style="width: 100%">

</div>
</div>
</div>

</div>
وقتی که در صفحه اصلی روی دکمه ای کلیک می کنم
تابع javascript فراخوانی می شود

function func1() {
$('#container').block({
//message: null
message: $('#LoadingDiv')
});
$.ajax({
url: '@Url.Action("Index", "test")',
//data: { intId: 5 },
type: 'GET',
cache: false,
}).done(function(result) {
$('#container').fadeOut(1000, function() {
$('#container').html(result);

}).fadeIn(2000);

});

}
بعد از لود شدن صفحه مورد نظر اون استایل مربوط به لودینگ از صفحه جدید از بین می رود چون داخل اون صفحه ای که لود شده دوباره می خام از اون div استفاده کنم
مشکل من اینجاست وقتی که صفحه لود شد اون div که در materpage تعریف کردیم از بین میره؟چطوری می تونیم یه div تعریف کنیم که در تمام صفحات بشه ازش استفاده کرد
بعد از اجرای برنامه دیدیم این div که تعریف کردم درون tag body قرار گرفته در صورتی که باید درون head باشه