Issue with jQuery ajax post
<p>This is a followup to this <a href="http://stackoverflow.com/questions/10730765/how-to-find-a-sibling-elements-value-using-jquery-upon-click">question</a>. Since the problem that I'm now facing is different from that, I thought I'll pose a new question. </p>

<p>I'm having an issue with the following code where in, the request is getting POSTed to the server, but whatever response the server has sent is not visible on the browser (in the form of an alert here).</p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function() {
    $('#login').delegate('input#submit','click',function(){
        var request = $.ajax({
            type: "POST",
            url: "login",
            data: {userid: $("#userid").val(), password:$("#password").val()},
            datatype: "xml",
            cache: false,
            success: function(xml){alert(xml);}
        });
    });
});

&lt;/script&gt;
</code></pre>

<p>I can see that this request is going to the server - can see it in the logs. But I don't see the server's response in the browser. Here's the server's response:</p>

<pre><code>&lt;result&gt;&lt;url&gt;landing-page&lt;/url&gt;&lt;/result&gt;
</code></pre>

<p>Not sure what am I doing wrong, but this seems to be simple stuff that I should get it working without issue. Tried Firebug, but no luck. Any idea as to where am I going wrong here or on how to debug this issue further.</p>

<p>Thanks</p>
