title: Unable to show json responce in jscript
body: <p>I am developing mobile application using Javascript, HTML and CSS. I have to use web services in that app. I am doing a sample demo to see how consume the web service in javascript. I have an url which return JSON response. I need to display this response using jQuery.</p>
  
  <p>This is the url which return tje JSON response</p>
  
  <p><a href="http://api.geonames.org/citiesJSON?north=44.1&amp;south=-9.9&amp;east=-22.4&amp;west=55.2&amp;lang=de&amp;username=demo" rel="nofollow">http://api.geonames.org/citiesJSON?north=44.1&amp;south=-9.9&amp;east=-22.4&amp;west=55.2&amp;lang=de&amp;username=demo</a> </p>
  
  <p>and the response is:</p>
  
  <pre><code>{
      "status": {
          "message":"the daily limit of 30000 credits for demo has been exceeded. Please use an application specific account. Do not use the demo account for your application.",
          "value":18
      }
  }
  </code></pre>
  
  <p>but I don't know how to display this using javascript. I try with below code but it doest not work</p>
  
  <pre><code>$(document).ready(function()
      {
          $("#btnConvert").click(function()
          {
  
              $.ajax({ 
              type: "POST",
              url:"http://api.geonames.org/citiesJSON?north=44.1&amp;south=-9.9&amp;east=-22.4&amp;west=55.2&amp;lang=de&amp;username=demo",
              dataType: "jsonp",
              success: function(data) 
              {
                  $('#currency_converter_result').html(data);
                  alert(""+data);
  
              }
              });
          });
      });
  </code></pre>
  
  <p>It shows an alert box with <code>[object object]</code>. 
  Could you help me about how to show json response using javascript?</p>