jQuery code not running
===

I have the code below in a document.ready, when I use Chrome's debugger to see why nothing is happening, I see that for some reason the ajax call gets skipped over?

    var latitude = $('#LatitudeHidden').val();
                    var longitude = $('#LongitudeHidden').val();
                    var from = $('#<%:FromTextBox.ClientID %>').val();
                    var to = $('#<%:ToTextBox.ClientID %>').val();
                    var type = $('#<%:TypeEnhancedDropDownList.ClientID %>').val();
                    var specialLocation = $('#<%:SpecialLocationsEnhancedDropDownList.ClientID %>').val();
                    
                    var json = {
                        'latitude': latitude,
                        'longitude': longitude,
                        'from': from,
                        'to': to,
                        'type': type, 
                        'specialLocation': specialLocation
                    };
    
                    $.ajax({
                        type: "POST",
                        url: "List.aspx/GetFilteredLocations",
                        data: json,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        error: function(msg)
                        {
                            console.log(msg);
                        },
                        success: function(msg)
                        {
                            console.log(msg.d);
                        }
                    });