Override default options on a widget
<p>I have the following widget that I want to set the footerText option when initializing the widget how can this be done?</p>

<pre><code>$.widget("ui.pdf", {
    options: {
        // Service address 
        address: "http://localhost:18362/PDFService.svc/GetPDFWithHeaderAndFooter",
        //address: "http://test.test.com/PDFService.svc/GetPDFWithHeaderAndFooter",
        orientation: "Landscape",
        headerUrl: "http://www.test.com/clients/test/test.html",
        footerText: "Test",
        url: "http://www.test.com/portfolio-manager-1/test-test-portfolio1?pdf" //"http://www.test.com/agents-app/test-portfolio-12-01-12-0853" //"http://www.test.com/portfolio-manager-1/test-test-portfolio1" //window.location.href //"http://www.soccernet.com"
    },
    _create: function () {
        var el = this.element;
        var o = this.options;
        $.getScript("http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js",
            function () {
                $.template("link", '&lt;a href="${pdfUrl}"&gt;download pdf&lt;/a&gt;');
                $.ajax({
                    url: o.address,
                    data: { orientation: o.orientation, headerUrl: o.headerUrl, footerText: o.footerText, url: o.url },
                    dataType: "jsonp",
                    success: function (result) {
                        this.valueTable = $.tmpl("link", result).appendTo(el);
                        $("#loading").hide();
                    }
                });
            });
    },
    destroy: function () {
        this.valueTable.remove();
        $.widget.prototype.destroy.apply(this, arguments); // default
    }
});
})(jQuery);
</code></pre>
