error when trying to get response from webapi url via javascript jquery call

See more:

Javascript

jQuery

WebAPI

Hi
I've this piece of code which suppose to get a json answer from a localhost site.
if I browse this url from chrome I get good response, but if I try to run this code from the html page I get error (via the VS debug).

Any ideas?

$(document).ready(function () {
        alert("hello");
        var request = $.ajax({
            url: "http://localhost:3157/api/Products",
            type: "GET",
            dataType: "json"
        });
        request.done(function(msg) {
            alert("msg is: " + msg);
        });
        request.fail(function (jqXhr, textStatus) {
            alert("Request failed: " + textStatus);
        });
    });