title: ajax cross domain not working in jquery
body: <p><strong>Error :</strong> </p>
  
  <blockquote>
    <p>Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values '<a href="http://localhost:8080" rel="nofollow">http://localhost:8080</a>, *', but only one is allowed. Origin '<a href="http://localhost:8080" rel="nofollow">http://localhost:8080</a>' is therefore not allowed access.</p>
  </blockquote>
  
  <pre><code>$("#selector3").autocomplete({
              source: function(request, response) {               
  
                  $.ajax({
                     url: "http://example.com/"+$("#selector3").val(),
                      type: "GET",
                          dataType: "json",
                          data: request,
                          processData: true,
                          data: {},
  
                          headers: { 
                              "Access-Control-Allow-Origin" : "*",
                              "Access-Control-Allow-Headers": "origin, content-type, accept"
                                      },
  
                          crossDomain: true,
                      success: function(data) {   
                          alert(data.Company_Id);
  });
  </code></pre>