title: Override default options on a widget
body: <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>