[RESOLVED] Ajax Call does not receive the return data from PHP file

Hi. This is just my learning practice, in which I've just made a simplest home.php and get.php page.
The Call is made from home.php and the PHP code code is in get.php which is echoing a paragraph tag.

This is my Ajax Code:

Code:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="container"> <div id="para"> <button id="clickButton">click</button> </div> <div id="text"> </div> <script src="jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#clickButton").on("click", function (e) { debugger $.ajax({ url: "get.php", //type: "POST", success: function (data) { $("text").html(data); } }); }); }); </script> </div> </body> </html>

this is get.php code:

Code:

<?php $a = "<p>This is paragraph</p>"; echo $a; ?>

Question:
I don't receive my result in the DIV with ID text.

I don't get any error.

Please guide where is the mistake.

Thank you.