title: JQuery AJAX doesn't get to success call back function
body: <p>Here is my jQuery Ajax code</p>
  
  <pre><code>$(document).ready(function() {
  
            $("#submitService").click(function(){  
                alert("Before ajax");
              $.ajax({
                 type: "GET",
                 url: "http://api.openweathermap.org/data/2.5/weather?q=London,uk",
                 headers: {"accept": "application/json"},
               success: function (dataItem) {
                  alert("Success..");
              },
               complete: function (dataItem) {
                  alert("Completed");
              },
                error: function (dataItem) {
                   alert("Error in making engine call."+dataItem);
                }
               });
               alert("After ajax");
  
              });                 //click()
        });
  </code></pre>
  
  <p>When my button is clicked it enters to [complete] and [error] call back methods but NOT to "success" call back method. How can I see what the error is?</p>
  
  <p>I tried to curl the same statement and I get a valid response:</p>
  
  <pre><code>curl "http://api.openweathermap.org/data/2.5/weather?q=London,uk" -H "accept: application/json"
  </code></pre>
  
  <p>I'm using jQuery 1.7.2</p>
  
  <pre><code>&lt;script type="text/javascript" src='&lt;spring:url value="/resources/jquery/js/jquery-1.7.2.min.js"/&gt;'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In FireBug it shows that request with 200 OK, but no response body. But I see response body when I do it via curl.</p>
  
  <p>What could be the issue?
  Thanks</p>