Star Rating Using Div vs. Start

by bizamajig

HTML

<link rel="stylesheet" href="http://demos.myjqueryplugins.com/jrating/jquery/jRating.jquery.css">
<script src="http://demos.myjqueryplugins.com/jrating/jquery/jRating.jquery.js"></script>
<script src="http://demos.myjqueryplugins.com/jrating/jquery/icons/stars.png"></script>
 <div id="rating" data-average="10" data-id="1"></div>

JavaScript

$("#rating").jRating({
            step:true,
            length : 5,
            canRateAgain : true,
            nbRates : 3,
            onClick : function(element,rate) {

                var data = (rate, 1);
                $.ajax({
                    url: '/echo/xml/',
                    type: 'POST',
                    dataType: 'x-www-form-urlencoded',
                    async:false,
                    contentType: 'application/x-www-form-urlencoded',
                    data: rate,
                    success: function () {
                        console.log('SUBMIT WORKS');

                    },

                    error: function () {
                        console.log('There is error while submit');

                    }

                });  

            }
        });