title: Issue while sending Header authentication in ajax
body: <p>Fetch Contacts</p>
  
  <p>Do a GET request to <a href="http://ui-proj.practodev.in/contacts" rel="nofollow">http://ui-proj.practodev.in/contacts</a> to obtain contacts.</p>
  
  <p>To search a contact by name, email or phone pass search term as query parameter "q" e.g. <a href="http://ui-proj.practodev.in/contacts?q=test" rel="nofollow">http://ui-proj.practodev.in/contacts?q=test</a></p>
  
  <p>API would return a HTTP 200 response with JSON of All Contacts available with key "contacts"</p>
  
  <pre><code>"contacts" : [{
     "id" : "1"
     "contact_name" : "Bob"
     "contact_phone" : "9876543210",
     "contact_email" : "bob@example.com"
  }]
  
  Here for fetching JSON data in client side my code so far;
  
  $(document).ready(function(){
  
          $.ajax({
              type: 'GET',
              url:  'http://ui-proj.practodev.in/contacts',
              dataType: 'json',
     /*While accessing any of the urls from Contacts Demo API, 
     pass a header parameter X-USER with value as your email address to  authenticate.*/
     /*headers: {
      "X-USER" : 'bob@example.com"
     },*/
             beforeSend: function (request){
             request.setRequestHeader("Authority", authorizationToken);
             },
             success:function(data){
              $("#contacts").html(data);
             }
     });
  
  });
  </code></pre>