Using $.ajax to load a separate webpage and send custom request headers.

Using $.ajax to load a separate webpage and send custom request headers.

I'm trying to access a web application that allows single sign-on when it is passed the following HTTP Request headers:
 
AUTHENTIC: YES
AUTHORIZED: YES
USER: (user ID from active directory)
 
Here is the code I have so far:
 
$.ajax({
   type: "GET",
     url: 'http://localhost/webappurl/',
     content: 'text/html',
     success: function(data) {
        $('#result').html(data);
        //alert(data);
     }
    });







 
This script is within a blank webpage on my IIS server. Essentially, all the elements of the web app's UI get thrown within a div, but it doesn't seem to be loading the other parts of the page such as the <head>.
 
I read on another thread that it is not a good idea to try and put everything within a div cause of the other html and head tags that already exist.
 
Basically, what I want to do is access the webpage that has the above script and have it re-direct me to the Web Application's URL and adding in the custom HTTP Request headers.
 
Let me know if there is any more information needed or a different approach may be more appropriate.