No Transport Error with Cross-Domain call

Hi, I'm relatively new to WebApi, but I've got it to work with my data objects and the Test Client. But when I create a scenario of cross-domain testing, I get a "No Transport" error message back.

I initially tried using the Telerik KendoUI components, and while there was no error, I didn't get any results back. Then I tried building a simple GET request with jQuery similar to the ContactManager example and that's where I get the "No Transport"
error.

I'm sure it's something I'm missing. I do not have any formatters attached and I want to return json, but this message occurs with either "xml" or "json" and the 'dataType' in an $.ajax() call.

I guess my questions are:

What am I doing wrong?

Is there a best practice for cross-domain calls?

I intend for this service to be public (with credentials) that other services can call, similar to many other API's that are out there today.

Here's my HTML in the MVC application which is a different web application than my WebApi service.

Ok, I figured it out. With a little research I found out the you can't simply test cross-domain calls with localhost.
See this post.

So I created a new web application in my local IIS 7.x and pointed it to my WebApi application and made sure it was working, then I simply launched my MVC application (via localhost:XXXX in Visual Studio) that had the HTML page with the $.ajax() jQuery call
and changed a few things and it worked.