title: Global variables that can be used in multiple jQuery functions
body: <p>Can you be able to contain variables that can be used in multiple functions in jQuery, example:</p>
  
  <pre><code>var self = $(this);
  var box = self.parents('.box');
  
  $('#title').click(function()
  {
      self.css('background', 'red');
      box.slideDown('slow');
  }).dblclick(function()
  {
      self.css('background', 'green');
      box.slideUp('slow');
  });
  </code></pre>
  
  <p>So that <code>self</code> and <code>box</code> can be used within these event functions so I don't have to keep doing this:</p>
  
  <pre><code>$('#title').click(function()
  {
      var self = $(this);
      var box = self.parents('.box');
  
      self.css('background', 'red');
  }).dblclick(function()
  {
      var self = $(this);
      var box = self.parents('.box');
  
      self.css('background', 'green');
  });
  </code></pre>
  
  <p>But question is, is it possible, if so, how can you do that?</p>