MVC Kit with Azure CDN - How to Enable Caching

Question

I have a website to be hosted in Azure that has a lot of javascript and CSS but very small pages. I would like javascript and CSS to be delivered via CDN.

Azure provides a truly neat and convenient mechanism to allow this, as described here https://azure.microsoft.com/en-us/documentation/articles/cdn-cloud-service-with-cdn/#integrate-aspnet-bundling-and -minification-with-azure-cdn

In short, you add the following code to your BundleConfig.cs

bundles.UseCdn = true;

var version = System.Reflection.Assembly.GetAssembly(typeof(Controllers.HomeController))
    .GetName().Version.ToString();
var cdnUrl = "http://axxxxxx6.vo.msecnd.net/{0}?v=" + version;


ScriptBundle scriptBundle = new ScriptBundle("~/bundles/xx", string.Format(cdnUrl, "bundles/xx"));

scriptBundle.Include(
            "~/Scripts/modernizr-*",
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery.signalR-{version}.js",
            "~/Scripts/jquery.watermark.js", ....

I followed the instructions for the letter, and on the surface it works exactly as expected.

But I realized that caching of these CDN resources is provided. Each time a webpage is requested, JS and CSS are loaded again, which completely destroys the purpose of the CDN.

web.config

    <staticContent>
       <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="15.00:00:00"/>
    </staticContent>

?

.