title: get the div object that holds a jquery widget from inside the widget
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div id="widHolder"&gt;&lt;/div&gt;
  &lt;script type="text/javascript" language="javascript"&gt;
      $('#widHolder').widgetName({
          optionOne: false,
          optionTwo: 1,
          onComplete: function (holder) { 
              // ... do something here with the 'widHolder' object such as $(holder).addClass(x,y) 
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Within the widget itself, the onComplete method will be called immediately after the full initialization of the widget.  I want the code within the widget to reference the object that the widget is linked to (in this case, the div with the id 'widHolder'). </p>
  
  <p>My goal is to be able to quickly and easily reference the holding object by creating the oncomplete function as listed above.  The code in the widget itself will just be to call the onComplete function passing the holder (which I need to get) as a parameter.</p>
  
  <p>Here is the code sample of the jQuery UI Widget plugin</p>
  
  <pre><code>(function ($) {
      $.widget("ui.widgetName", {
          options: {
              // ... other options that can be set
              onComplete: undefined
          },
  
          // called on the initialization of the widget
          _init: function () {
              // do initialization functions...
  
              if(this.options.onComplete)
                  this.options.onComplete( I_WANT_TO_SEND_THE_DOM_ELEMENT_HERE );
          },
      }
  })
  </code></pre>