مشكلة عند جلب البيانات من قاعدة بيانات الموقع بواسطة ajax

السلام عليكم ورحمة الله وبركاته

صبحكم الله بالخير جميعا...

عندي مشكلة واجهتني مع كود أجاكس ، فكرة الكود انه يجلب البيانات من قاعدة البيانات بدون عمل تحديث للصفحة ، الكود شغال 100% ويجلب البيانات ، لكنه لما يجيب البيانات كود الـــCSS أو أي إعدادات على كود HTML لا تعمل تماماً .
وللعلم فرغم أني لم أستخدم css في الكود فهو مجرد جدول عادي إلا أنه لا تعمل تنسيقاته.

كود HTML المستخدم...
        <table width=\"500\" border=\"1\" cellspacing=\"2\" cellpadding=\"5\">
        
            <tr>
            
                <td>ID</td>
                <td>Time</td>
                <td>SENSOR1</td>
                <td>SENSOR2</td>
                <td>SENSOR3</td>
            
            </tr>
               
  <div id=\"result\" align=\"center\"></div>


        </table>


كود PHP المستخدم...وهو الملف الذي سيتم جلب البيانات منه.


            include(\"inc/config.php\");
            $sql1= mysqli_query($conn, \"SELECT * FROM tablearduino\");
            while($sql2 = mysqli_fetch_assoc($sql1)){
                
                echo \'         
                <tr>
                <td>\'.$sql2[\"id\"].\'</td>
                <td>\'.$sql2[\"time\"].\'</td>
                <td>\'.$sql2[\"sensor1\"].\'</td>
                <td>\'.$sql2[\"sensor2\"].\'</td>
                <td>\'.$sql2[\"sensor3\"].\'</td>
            
            </tr>\';
            }
            
            


كود AJAX المستخدم...

<script type=\"text/javascript\" src=\"jquery.js\"> </script>

 <script type=\"text/javascript\">

 $(document).ready(function() {

      $.ajax({    //create an ajax request to load_page.php
        type: \"GET\",
        url: \"sql.php\",             
        dataType: \"html\",   //expect html to be returned                
        success: function(response){                    
            $(\"#result\").html(response); 
            //alert(response);
        }

    });

});