Javascript-форум - окно поверх таблицы

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - окно поверх таблицы (https://javascript.ru/forum/misc/35730-okno-poverkh-tablicy.html)

окно поверх таблицы

всем добрый день.
в очередной раз потребовалась помощь умов.
есть вот такая простая таблица, в которой выводятся данные. есть кнопка, которая вызывает функцию открытия окна.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/jscript" src="jquery-1.8.3.js"></script>
<script>
var auto_refresh = setInterval(
	function (){
		$('#wraper').load('#table');
	}, 5000);
$(document).ready(function(){
	$("#btn").click(function(){
		$("#window").toggle();
	})
});
</script>
<style>
.wraper{
	width:500px; height:150px; position:relative; background:#fff; border:1px solid #27b; margin:0 auto;
}
</style>
</head>

<body>
<div class="wraper" id="wraper">
	<table width="100%" id="table">
    	<tr id="tr" style="background:#27b; color:#fff;">
        	<td  id="td" width="100%">aaaaaa</td>
        </tr>
        <tr>
            <td width="100%">bbbbbb</td>
        </tr>
        <tr style="background:#27b; color:#fff;">
            <td width="100%">cccccc</td>
        </tr>
        <tr>
            <td width="100%">ddddddd</td>
        </tr>
    </table>
<input type="button" id="btn" value="btn">
<div id="window" style="position:absolute; top:10px; left:10px; width:150px; height:80px; display:none; background:#27b; border:1px solid #96F;">window</div>
</div>
</body>
</html>

окно привязано по значению "position" к таблице.
окно открывается поверх таблицы. таблица обновляется каждые Х времени.
проблема в том что как только обновляется таблица, окно исчезает, что не есть хорошо.
как сделать так чтоб окно оставалось открытым поверх таблицы?
одно из решений, это вынести окно из таблицы. но это не есть решение.
ест какие нибудь другие соображения?

<div  class="Wrp0">
<div class="wraper" id="wraper">
	<table width="100%" id="table">
    	<tr id="tr" style="background:#27b; color:#fff;">
        	<td  id="td" width="100%">aaaaaa</td>
        </tr>
        <tr>
            <td width="100%">bbbbbb</td>
        </tr>
        <tr style="background:#27b; color:#fff;">
            <td width="100%">cccccc</td>
        </tr>
        <tr>
            <td width="100%">ddddddd</td>
        </tr>
    </table>
</div>
<input type="button" id="btn" value="btn">
<div id="window" style="position:absolute; top:10px; left:10px; width:150px; height:80px; display:none; background:#27b; border:1px solid #96F;">window</div>
</div>

Лучше так:

<div  class="afdlfgad">
<div class="wraper" id="wraper">
    <table width="100%" id="table">
        <tr id="tr" style="background:#27b; color:#fff;">
            <td  id="td" width="100%">aaaaaa</td>
        </tr>
        <tr>
            <td width="100%">bbbbbb</td>
        </tr>
        <tr style="background:#27b; color:#fff;">
            <td width="100%">cccccc</td>
        </tr>
        <tr>
            <td width="100%">ddddddd</td>
        </tr>
    </table>
</div>
<input type="button" id="btn" value="btn">
<div id="window" style="position:absolute; top:10px; left:10px; width:150px; height:80px; display:none; background:#27b; border:1px solid #96F;">window</div>
</div>