title: Reference to this object in jQuery UI
body: <p>I use jQuery UI for a few widgets, like this:</p>
  
  <pre><code>$('.mySlider').slider({
      create: function() {
          // slider was created
      },
      change: function(event, ui) {
          // slider value changed
      },
      slide: function(event, ui) {
          // slider was moved
      }
  });
  </code></pre>
  
  <p>As these are all events, <code>this</code> does not refer to the anonymous slider options object but to the triggering HTML element. </p>
  
  <p>But how can I exchange data between these methods? For example, I extract a few values from the DOM on <code>create</code> and want to have these values on <code>slide</code>. jQuery UI's callback parameters <code>event</code> and <code>ui</code> are no help in this case.</p>