title: Crossdomain Ajax call to Service isn't working
body: <p>I'm using ASP MVC and I'm trying to call a service that's on another one of my MVC websites.</p>
  
  <p>I'm trying to use the following Ajax call.</p>
  
  <pre><code>function SomeFunction(decision) {
      if (decision == false)
          decision = "no";
      else
          decision = "yes";
  
      var input = {
          LogEventType:"PageView",                  
          CurrentPage: "invitation/?decision=" + decision + "&amp;id=" + 32323,
      };
      $.ajax({
          type: "POST",
          contentType: "application/json; charset=utf-8",
          url: "https://somewebsite.com/api/ClickStream/LogWebEvent/",
          data: JSON.stringify(input),
          crossDomain: true,
          dataType: 'jsonp',
          headers: {
              'Access-Control-Allow-Origin': '*'
          },
          success: function (data) {
              alert("We're awesome")
          },
          error: function () { console.log("Call to SomeFunction failed.") }
      });
  }
  </code></pre>
  
  <p>I don't get any visible errors and I also put breakpoints on the service and inside of the success/error function of the ajax call but it never reaches any of them.</p>
  
  <p>Anyone see where I messed up?</p>
  
  <p>EDIT:
  Here is the Web Apis function I'm trying to access</p>
  
  <pre><code>[ActionName("LogWebEvent")]
  [HttpPost]
  public void LogWebEvent(ClickStreamEventDto data)
  {
      try
      {
          _clickstreamLogger.LogWebEvent(data);
      }
      catch (Exception ex)
      {
  
      }
  }
  </code></pre>
  
  <p>Where ClickStreamEventDto is </p>
  
  <pre><code>public class ClickStreamEventDto: Analytics.IAnalyticEventDto
  {
      public string LogEventType { get; set; }
      public string CurrentPage { get; set; }
  }
  </code></pre>