How to get visualize.js working in mvc web app

I have a piece of javascript that mimics the sample javascript, and it works fine in jsfiddle. It doesn't work in my sample mvc web app. Is there anything special I have to do in order to use visualize.js in the .net environment? Here is my sample code:

@{

    ViewBag.Title = "About";

}

 

<!-- Provide the URL to visualize.js -->

<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>

 

 

<h2>@ViewBag.Title.</h2>

<h3>Sample Jasper Report</h3>

 

<div id="container"></div>

 

<script>

    visualize({

        auth: {

 

            name: "superuser",

            password: "superuser",

            //organization: "organization_1"

        }

    }, function (v) {

 

        v("#container").report({

            resource: "/organizations/organization_1Total_Hours_Pie_Chart_Report",

            error: handleError

        });

 

        function handleError(err) {

            alert(err.message);

        }

    });

    

</script>