sylvestweb

Hi can anybody help me , what am i doing wrong here? this one works ///////////////////////////////////////// $(document).ready(function(){ $('#data').load('files/organisationer/inc/oprettetCases.inc.php'); $(".loading").hide(); }); function ajax_loader(x) { req = $.ajax({ type: "GET", url: "files/organisationer/inc/oprettetCases.inc.php?pn=" + x, datatype: "html", success: function(data){ $('#data').html(data).fadeIn('slow'); } }); } and i got a <div id="data"></div> ////////////////////////////////////////////////////////////////// but now the problem is im trying to do the same thing on another page , but i changed the div to #dataIndex, it loads the page fine but the function(x) is not calling #dataIndex. ////////////////////////////////////////////////////////////////// PROBLEM!!!!!!!! $(document).ready(function(){ $('#dataIndex').load('inc/oprettet_cases.inc.php'); $(".loadingIndex").hide(); function ajax_loader2(x) { req2 = $.ajax({ type: "GET", url: "inc/oprettet_cases.inc.php?pn=" + x, datatype: "html", success: function(data){ $('#dataIndex').html(data); } }); } }); and here is the div : <div id="dataIndex"></div> ///////////////////////////////////////////////////////////////////////////////////////// any idears what im doing wrong???? Thanks.