Why can't JQuery load my resource?
<p>I have the following script in an page called ajax.aspx page:</p>

<pre><code> &lt;script type="text/javascript"&gt;
    $(document).ready(function () {

        var nameFoundMessage = $('#nameFoundMessage');
        var nameInput = $('#name');

        nameFoundMessage.hide();

        nameInput.blur(function () {


            if ($(this).val()) {


                $.getJSON('Services/ArtistFound.aspx?' + escape($(this).val()), function (results) {

                    if (results.available) {
                        if (nameFoundMessage.is(':visible')) {
                            nameFoundMessage.html('The name was found');
                        }
                    }
                    else {

                        nameFoundMessage.show();
                        nameFoundMessage.html('The name was not found');
                    }
                });

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

<p>The page has an input field with an id of "name" and when I blur off of that it goes into a service folder which has another aspx page ArtistFound.aspx and in that Page load, I have the following:</p>

<pre><code>        Response.ContentType = "application/json";

        string name = Request.QueryString.ToString();
        string output = string.Empty;

        name = db.Names.Single(x =&gt; x.Name== name).Name;

        if(name == null)
        {
            output = "{available:false}";
        }
        else
        {
            output = "{available:true}";
        }

        Response.Write(output);
}
</code></pre>

<p>When I run the page and blur off the input, it says the following:</p>

<p>Failed to load resource: the server responded with a status of 500 (Internal Server Error)</p>

<p>I have tried ../Services/ArtistFound.aspx... and /Services/ArtistFound.aspx..., but it still gives me the same error.</p>
