title: Jquery Ajax not returning any response in the success body
body: <p>I have tried all possible ways to get the result in my jquery ajax success body but i am failed. I dont find where I am wrong. I have already added the jquery library but still no result forIf someone guide me in my code will be a great help and will save my day.</p>
  
  <p>my jquery ajax code is as follows:</p>
  
  <p>i am calling a function on click of a button.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
   &lt;title&gt;Farm Game&lt;/title&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form name="farm_game" method="POST"&gt;
  &lt;button type="button" name="feed" id="feed" onclick="PerformGame();"&gt;Feed&lt;/button&gt;
  &lt;/form&gt;
  
   &lt;script&gt;
     function PerformGame()
     {
      
      var vars = "data sent to php file";
      $.ajax({
       url: 'perform_game.php',
                      type: "POST",
                      data: {'send_data': vars},
       dataType: 'json',
                      
                      sucess: function(data) {
                          
                          alert(data);
                      }
                  });
     }
  
   
   &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and, my php code as follows:</p>
  
  <pre><code>&lt;?php
  </code></pre>
  
  <p>$ajaxRes = $_POST['send_data'];</p>
  
  <p>echo json_encode($ajaxRes);
  ?></p>
  
  <p>I dont find where i am doing wrong. Please help me !</p>