لود کردن دوباره 2 تگ خاص در یک صفحه؟

[snhasani]

من توی جاوا اسکریپت و جی کوئری تازه کارم. می خوام دو تا جدول که به دیتابیس وصل هستند توی یه صفحه html لود کنم و هر چند ثانیه بدون لود مجدد صفحه فقط تگ هاب مربوط به این جداول بارگذاری بشه.
خودم یه کدی زدم، ولی این تابع ای که من نوشتم هم زمان هر دو رو reload نمی کنه. هرکدوم از جدول ها که در آخر به کد جاوا اسکریپتشون اشاره میشه اون فقط اجرا میشه.
می خواستم ببینم مشکل از کجاست و چطوری حل میشه؟
تکه کد جاوا اسکریپت
(function($)
{
$(document).ready(function()
{
$.ajaxSetup(
{
cache: false,
beforeSend: function() {
$('#tbCoin').hide();
$('#loading').show();
},
complete: function() {
$('#loading').hide();
$('#tbCoin').show();
},
success: function() {
$('#loading').hide();
$('#tbCoin').show();
}
});
var $container = $("#tbCoin");
$container.load("tbCoin.php");
var refreshId = setInterval(function()
{
$container.load('tbCoin.php');
}, 2000);
});
})(jQuery);

کد HTML

<div id="top-container">
<div id="Currency-grid">
<h2>نرخ ارز</h2>
<div id="tbCurrency"></div>
</div>
<div id="Coin-grid">
<h2>نرخ سکه</h2>
<div id="tbCoin"></div>
</div>
</div>

من دوتا فایل js درست کردم که توی هر کدوم اون تابع بالای جداگانه برای تگ های مربوطه خودشون اجرا می کنم.

[snhasani]

راه حل پیدا کردم.
کافی هر دوتا تگ توی افکت ها و توابع باهم فراخونی بشن.


(function($)
{
$(document).ready(function()
{
$.ajaxSetup(
{
cache: false,
beforeSend: function() {
$('#tbCoin').hide();
$('#loading').show();
},
complete: function() {
$('#loading').hide();
$('#tbCoin').show();
},
success: function() {
$('#loading').hide();
$('#tbCoin').show();
}
});
var $container = $("#tbCoin");
$container.load("tbCoin.php");
var refreshId = setInterval(function()
{
$container.load('tbCoin.php');
}, 2000);
});
})(jQuery);