title: jQuery - Function settings
body: <p>i'm currently having a problem tweaking this tooltip plugin.</p>
  
  <pre><code>(function($) {
      $.fn.toolTip = function() {
          $(this).hover(function () {
              tip = $('.userRank');
              tip.show();
          }, function () {
              tip.delay(2000).fadeOut('fast');
          }).mousemove(function(e) {
              var mousex = e.pageX - 32;
              var mousey = e.pageY - 86; 
              var tipWidth = tip.width();
              var tipHeight = tip.height();
              var tipVisX = $(window).width() - (mousex + tipWidth);
              var tipVisY = $(window).height() - (mousey + tipHeight);
              if (tipVisX &lt; 20) { 
                  mousex = e.pageX - tipWidth - 20;
              } 
              if (tipVisY &lt; 20) { 
                  mousey = e.pageY - tipHeight - 55;
              }
              tip.css({  top: mousey, left: mousex }).stop();
          });
      };
  })(jQuery);
  </code></pre>
  
  <p>as you can see i have defined the tip container or element via tip variable</p>
  
  <pre><code>tip = $('.userRank');
  </code></pre>
  
  <p>is there a possibility that i can select the elements optionally via settings or options so that it will look like this.</p>
  
  <pre><code>$('.bidInput').toolTip('#socialIcons');
  </code></pre>
  
  <p>or </p>
  
  <pre><code>$('.bidInput').toolTip({tip : '#socialIcons'});
  </code></pre>