HELP with jQuery.getJSON method

HELP with jQuery.getJSON method

hello jQuery experts!

     i am new to jQuery and  i need help in getting getJSON method to work. 
Here is my code:
  1. <html>
  2. <head>
  3.       <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.       <script type="text/javascript">
  5.             $(document).ready(function(){
  6.                   $("button").click(function(){ 
  7.                         $.getJSON("http://api.worldbank.org/countries/PHL/indicators/GDPPCKD?per_page=10&date=2005:2010&jsoncallback=?", 
  8.                   {format:'json'},
  9.                   function(data){
  10.                         alert('this function is working.. hooorayy!');
  11.                         //process the data here
  12.                         } );
  13.                   });
  14.             });
  15.       </script>
  16. </head>
  17. <body>
  18.       <button> Get World Bank Data </button>
  19.  </body>
  20. </html>
the callback function is not executed but when i checked the response using firebug, 
it shows:
  • [
  •     {
  •         "page": 1,
  •         "pages": 1,
  •         "per_page": "10",
  •         "total": 6
  •     },
  •     [
  •         {
  •             "indicator": {
  •                 "id": "GDPPCKD",
  •                 "value": "GDP per Capita, constant US$, millions"
  •             },
  •             "country": {
  •                 "id": "PH",
  •                 "value": "Philippines"
  •             },
  •             "value": null,
  •             "decimal": "0",
  •             "date": "2010"
  •         },
  •         {
  •             "indicator": {
  •                 "id": "GDPPCKD",
  •                 "value": "GDP per Capita, constant US$, millions"
  •             },
  •             "country": {
  •                 "id": "PH",
  •                 "value": "Philippines"
  •             },
  •             "value": null,
  •             "decimal": "0",
  •             "date": "2009"
  •         },
  •         {
  •             "indicator": {
  •                 "id": "GDPPCKD",
  •                 "value": "GDP per Capita, constant US$, millions"
  •             },
  •             "country": {
  •                 "id": "PH",
  •                 "value": "Philippines"
  •             },
  •             "value": null,
  •             "decimal": "0",
  •             "date": "2008"
  •         },
  •         {
  •             "indicator": {
  •                 "id": "GDPPCKD",
  •                 "value": "GDP per Capita, constant US$, millions"
  •             },
  •             "country": {
  •                 "id": "PH",
  •                 "value": "Philippines"
  •             },
  •             "value": null,
  •             "decimal": "0",
  •             "date": "2007"
  •         },
  •         {
  •             "indicator": {
  •                 "id": "GDPPCKD",
  •                 "value": "GDP per Capita, constant US$, millions"
  •             },
  •             "country": {
  •                 "id": "PH",
  •                 "value": "Philippines"
  •             },
  •             "value": null,
  •             "decimal": "0",
  •             "date": "2006"
  •         },
  •         {
  •             "indicator": {
  •                 "id": "GDPPCKD",
  •                 "value": "GDP per Capita, constant US$, millions"
  •             },
  •             "country": {
  •                 "id": "PH",
  •                 "value": "Philippines"
  •             },
  •             "value": null,
  •             "decimal": "0",
  •             "date": "2005"
  •         }
  •     ]
  • ]

    • Is there something wrong with my code? your help will be very much appreciated.