<!DOCTYPEhtml><html><head><title>RateIt with label on the side</title><linkhref="http://www.radioactivethinking.com/rateit/src/rateit.css"rel="stylesheet"type="text/css"><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"type="text/javascript"></script></head><body><div><divclass="rateit"></div><spanclass="rateit-hover-label"></div><div><divclass="rateit"data-rateit-min="0"data-rateit-max="3"data-rateit-value="2"data-rateit-step="1"></div><spanclass="rateit-hover-label"></span></div><scriptsrc="http://www.radioactivethinking.com/rateit/src/jquery.rateit.js"type="text/javascript"></script><script>//now we bind to the hover event of each rateit control on the page
$('.rateit').bind('hover', function(e, value) {
var text = "";
if (value != null)
text = 'You\'re are now hovering over ' + value;
$(this).next().text(text);
//$(this) => the current rateit div//.next() => the next element, my span//.text() => setting the text of the span with the value retrieved that was passed as the second parameter.
});
</script></body></html>