problems with ajax

problems with ajax

Below is a bare bones jQuery ajax call, but does not seem to work. I dont even get the ajax status functions to fire.
Please comment


  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>Untitled Document</title>
  8. </head>
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <title>Untitled Document</title>
  13. </head>
  14. <body>
  15. <div id="giantEagle"></div>
  16. <input type="button" id="get" value="Get" onclick="testButton()" />
  17. <script src="jqueryUi/jquery-ui-1.8.23.custom/js/jquery-1.8.0.min.js"></script>
  18. <script src="jquery/edit.js"></script>
  19. <script>
  20. function testButton(){getTranslation("test");}
  21. function getTranslation(term){
  22. alert("test");
  23. $.ajax({
  24. url:"getEagle.php",
  25. data: 'term='+ term,
  26. success: function(data){
  27. $("#giantEagle").html(data);
  28. }
  29. }).complete(function(){
  30. alert("complete");
  31. }).success(function(){
  32. alert("success");
  33. }).error(function(){
  34. alert("error");
  35. });
  36. }
  37. </script>
  38. </body>
  39. </html>