Question

<script>
    function country_state(sid) {
        var id = sid;
        console.log("Function called " + sid + "  " + $("#state").val());
        $.get("country.php?id=" + id, function(d) {
            console.log("Function returned " + d);
            alert("Returned: " + d);
            $(".media").html(d);
        });

    }
</script>

In this code the 1st error log is coming but not the 2nd.It seems the GET is not returning any thing although as per firebug the GET request is being fire with the blank response.please help.

Answer 1

You could try the error callback, look at the documentation:
http://api.jquery.com/jQuery.get/

// Assign handlers immediately after making the request,
  // and remember the jqxhr object for this request
  var jqxhr = $.get("example.php", function() {
    alert("success");
  })
  .success(function() { alert("second success"); })
  .error(function() { alert("error"); })
  .complete(function() { alert("complete"); });

  // perform other work here ...

  // Set another completion function for the request above
  jqxhr.complete(function(){ alert("second complete"); });