jQuery is cutting out stuff

jQuery is cutting out stuff

Hi,

i have a problem that is hard (for me) to debug.

I got a page 'a.html':
  2. <!DOCTYPE html>
  3. <html lang="de">
  4. <head>
  5. <title>das regt mich so auf</title>
  6. <script src="jquery.min.js"></script>
  7. <script>window.jQuery || document.write('<script src="jquery.min.js"><\/script>')</script>
  8. <script>
  9. function updateHTML(){
  10. $.get("/b.html", function(data, status){
  11. console.log(data);
  12. $("#ajaxBody").html(data);
  13. });
  14. }

  16. $(document).ready(function(){
  18. updateHTML();
  20. setInterval(function(){
  21. updateHTML();
  22. }, 30000);
  24. });
  25. </script>
  26. </head>
  27. <body>
  28. <div class="container-fluid main" id="ajaxBody">
  29. <img src="pics/loading.gif">
  30. </div>
  31. </body>
  32. </html>

And a page 'b.html':
  2. %blablabla%
  3. <table>
  4. <thead>
  5. <tr>
  6.  <th>headline0</th>
  7.  <th>headline1</th>
  8.  <th>headline2</th>
  9.  <th>headline3</th>
  10. </tr>
  11. </thead>
  12. <tbody>
  13. <tr>
  14. <td>reihe1</td>
  15. <td>reihe1</td>
  16. <td>reihe1</td>
  17. <td>reihe1</td>
  18. </tr>
  19. <tr>
  20. <td>reihe2</td>
  21. <td>reihe2</td>
  22. <td>reihe2</td>
  23. <td>reihe2</td>
  24. </tr>
  25. <tr>
  26. <td>reihe3</td>
  27. <td>reihe3</td>
  28. <td>reihe3</td>
  29. <td>reihe3</td>
  30. </tr>
  31. <tr>
  32. <td>reihe4</td>
  33. <td>reihe4</td>
  34. <td>reihe4</td>
  35. <td>reihe4</td>
  36. </tr>
  37. <tr>
  38. <td>reihe5</td>
  39. <td>reihe5</td>
  40. <td>reihe5</td>
  41. <td>reihe5</td>
  42. </tr>
  43. </tbody>
  44. </table>
  45. %blablabla%

Now, when I go to 'a.html' on my workstation (doesnt matter which browser), all comes out is this:
  2. %blablabla%
  3. <table>
  4. <thead>
  5. <tr>
  6.  <th>headline0</th>
  7.  <th>headline1</th>
  8.  <th>headline2</th>
  9.  <th>headline3</th>
  10. </tr>
  11. </thead>
  12. <tbody>
  13. <tr>
  14. <td>reihe1</td>
  15. <td>reihe1</td>
  16. <td>reihe1</td>
  17. <td>reihe1</td>
  18. </tr>
  19. <tr>
  20. <td>reihe2</td>
  21. <td>reihe2</td>
  22. <td>reihe2</td>
  23. <td>reihe2</td>
  24. </tr>
  25. <tr>
  26. <td>reihe3</td>
  27. <td>reihe3</td>
  28. <td>reihe3</td>
  29. <td>reihe3</td>
  30. </tr>
  31. </tbody>
  32. </table>
  33. %blablabla%


It cuts out the last 2, 3 or 4 rows. The original table has 5 rows. But for whatever reason jquery is cutting out those rows. The stuff above and below the table is completly fine. Even in the JS console those rows are missing. On my android phone instead, the table is complete and no rows are missing. 

It is ridiculous and illogical. I dont know how to debug.

Any solutions for me?