Simple stars vote script for input

script.js

$(document).ready(function(){
	$('.stars').each(function(){
		var input = $(this), stars = $('<div class="stars-visible"><span></span><span></span><span></span><span></span><span></span></div>')
		stars.find('span').click(function(){
			$(this).addClass('active').siblings().removeClass('active')
			input.val(5-$(this).index())
		})
		input.hide().before(stars)
	})
})

style.css

.stars-visible {
	unicode-bidi: bidi-override;
	direction: rtl;
	width: 130px;
}
.stars-visible span {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(img/star-off.png);
	cursor: pointer;
}
.stars-visible span:hover,
.stars-visible span.active,
.stars-visible span:hover ~ span,
.stars-visible span.active ~ span {
	background: url(img/star-on.png);
}

test.html

<input type="number" name="stars" class="stars form-control">