title: jQuery Star Rating Plugin
body: <p>I am playing with star rating plugin, but I can't configure it correctly, to show hover label on the right side, like on this page Test-3B:</p>
  
  <p><a href="http://www.fyneworks.com/jquery/star-rating/#tab-Testing" rel="nofollow">http://www.fyneworks.com/jquery/star-rating/#tab-Testing</a></p>
  
  <pre><code>&lt;script&gt;
  $(function(){
  $('.star').rating({
  focus: function(value, link){
  // 'this' is the hidden form element holding the current value
  // 'value' is the value selected
  // 'element' points to the link element that received the click.
  var tip = $('#hover-test');
  tip[0].data = tip[0].data || tip.html();
  tip.html(link.title || 'value: '+value);
  },
  blur: function(value, link){
  var tip = $('#hover-test');
  $('#hover-test').html(tip[0].data || '');
  }
  });
  });
  
  &lt;/script&gt;
  &lt;input type="radio" name="rating" value="1" style="margin: 0;" class="star"  title="Very     poor"/&gt;
      &amp;nbsp;
  &lt;input type="radio" name="rating" value="2" style="margin: 0;" class="star" title="Poor"/&gt;
      &amp;nbsp;
  &lt;input type="radio" name="rating" value="3" style="margin: 0;" class="star" title="OK"/&gt;
      &amp;nbsp;
  &lt;input type="radio" name="rating" value="4" style="margin: 0;" class="star" title="Good"/&gt;
      &amp;nbsp;
  &lt;input type="radio" name="rating" value="5" style="margin: 0;" class="star" title="Very good"/&gt;
  &lt;span id="hover-test" style="margin:0 0 0 20px;"&gt;Hover tips will appear in here&lt;/span&gt;&lt;br /&gt;
  </code></pre>