title: How to create cross domain calls with jquery and MVC 4
body: <p>I have 2 sites. 
  Website Original.com is a standard HTML/ jquery created site.
  Website Request.com is a MVC 4 site.</p>
  
  <p>I would like to request a partial view from Original.com to Request.com like:</p>
  
  <p>$.ajax({</p>
  
  <pre><code>    type:"GET",
      beforeSend: function (request)
      {
          request.setRequestHeader("Access-Control-Allow-Origin", "http://request.com");
      },
  
      crossDomain: true,
      url: "http://request.com/Settings/User/Test/123"),
      success: function (data) {
          self.container("#output").html(data);
      }
  });
  </code></pre>
  
  <p>In my request.com I have added the following:</p>
  
  <pre><code>        AllowCrossSiteHtmlAttribute.SetDefaultCrossSiteUrl("http://original.com");
  </code></pre>
  
  <p>the partial view looks like </p>
  
  <pre><code>    [AllowCrossSiteHtmlAttribute()]
      public PartialViewResult Test(string id){
          var model = new TestModel(id);
          return PartialView(model);
      }
  </code></pre>
  
  <p>what ever I tried, I always ended up with an error.
  Does somebody knows how to set the settings on both sites?</p>