I have a code that counts down and when the countdown reaches 0 I want it to grab data from a MySql table and present it on the page without reloading.

I know my countdown works, but it is when I add the code to get the data from the PHP page it stops working. I know my PHP page works and grabs the correct data and presents it.

Here is the code I am currently using, row 40, 41 and 42 are the lines that I added to try and get the PHP data. Any ideas? Thanks.

2. <div id="countmesg">
3. </div>
4. 
   
5. <div id="checking">
6. </div>
7. <div id="name-data">
8. </div>
9. 
   
10. 
    
11. <script src="jquery.js" type="text/javascript"></script>
12. 
    
13. <script type="text/javascript">
14. 
    
15. $(document).ready(function() {
16. var delay = 10 ;
17. function countdown() {
18. setTimeout(countdown, 1000) ;
19. $('#countmesg').html("Auction ends in "  + delay  + " seconds.");
20. delay --;
21. if (delay < 0 ) {
22. $('#countmesg').html("Auction ended.");
23. delay = 0 ;
24. }
25. }
26. countdown() ;
27. });
28. </script>
29. 
    
30. <script type="text/javascript">
31. 
    
32. $(document).ready(function() {
33. var delay = 2 ;
34. function countdown() {
35. setTimeout(countdown, 100) ;
36. $('#checking').html("Checking in "  + delay  + " seconds.");
37. delay --;
38. if (delay < 0 ) {
39. $('#checking').html("Checking again....");
40. var name = 'tom';
41. $.post('cdown.php', {name: name}, function(data) {
42. $('div#name-data').text(data);
43. };
44. delay = 2 ;
45. }
46. }
47. countdown() ;
48. });
49. </script>