TypeError Ajax is not a function

TypeError Ajax is not a function

Hi,

I'm quite blur in which part is causing this error (TypeError $.ajax is not a function) Already try almost every solution i found on the internet.

  1. <script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>
  2. <script>
  3.     $(document).ready(function() {
  4.         console.log($.ajax);
  5.     });
  6. </script>

  8. <script>
  9. //listing charity in dropdown list
  10. $.ajax({ 
  11.     type: 'GET', 
  12.     url: 'http://ayambrand-com-my-v1.cloudaccess.host/index.php?option=com_echarity&format=raw&task=api.get_charities',
  13.     data: { get_param: 'value' }, 
  14.     dataType: 'json',
  15.     success: function (data) {
  16.       console.log(data);
  17.         $.each(data, function(index, element) {
  18.             $('#list').append($('<option>', {
  19.              text: element.charity_name,
  20.              value : element.id
  21.             }));
  22.         });
  23.         //end of success loop
  24.     }
  25. });
  26. //get dropdown list charity selection
  27. function getcharity($charityID){
  28.     $.ajax({
  29.         url : "http://ayambrand-com-my-v1.cloudaccess.host/index.php?option=com_echarity&format=raw&task=api.get_charity&charity_id="+$charityID,
  30.         cache : false,
  31.         beforeSend : function (){
  32.             //Show a message
  33.             alert("On the way to sending request!!!");
  34.         },
  35.         complete : function($response, $status){
  36.             if ($status != "error" && $status != "timeout") {
  37.                 $('#contents').html($response.responseText);
  38.             }
  39.         },
  40.         error : function ($responseObj){
  41.             alert("Something went wrong while processing your request.\n\nError => " + $responseObj.responseText);
  42.         }
  43.     }); 
  44. }
  45. //end get dropdown list charity selection
  46. </script>
  47. <script>

  49. </script>
  50. <?php
  51. //echo $charity_id;
  52. ?>
  53. <div>
  54.     <form>
  55.     <table class="table-a">
  56.         <tr>
  57.         <td>
  58.             <select id="list"  onChange="getcharity(this.value)">

  60.             </select>
  61.         </td>
  62.         </tr>

  64.     </table>
  65.      <table class="table-b">
  66.      <tr>
  67.      <td>
  68.      <span id="contents"></span>
  69.      </td>
  70.      </tr>
  71.      </table>
  72.     </form>
  73. </div>
  74.