Consuming WCF service using jQuery

Question

Up to now I have used Web services and it worked fine. I added a new WCF service.
I am calling the services using jQuery. This is how I used jQuery to consume the Web servic

Answer 1

Try adding this into your WCF config:

Also, this is from what I have working in our app here:

$.ajax({
        url: systemServiceURL,
        data: JSON.stringify(data),
        type: "POST",
        processData: true,
        contentType: "application/json",
        timeout: 10000,
        dataType: "json",
        beforeSend: function(req) {
            req.setRequestHeader('Authorization','Basic ');                
        },
        success: function(msg) {                
            //do stuff here
        },
        error: function(msg) {
            alert('error : ' + msg.d);
        }
    });

EDIT: Tried modifying the web.config edited into the Question: