Star rating not working

What steps will reproduce the problem?
1. Link to the jquery.rating.css, jquery.rating.pack.js, jquery.form.js, 
jquery.MetaData.js
2. Add the following lines:
    <form id="form1">
            Rating 1:
            <input class="star" type="radio" name="test-1-rating-1" value="N" title="No"/>
            <input class="star" type="radio" name="test-1-rating-1" value="M" title="Maybe"/>
            <input class="star" type="radio" name="test-1-rating-1" value="Y" title="Yes"/>
    </form>
3. Add the following to the script element in the head of the page that is only 
called under $(document).ready(function() {...} ):

    $('.star').rating(
                  callback: function(value, link){ 
                   alert(value); 
                  } 
            });

What is the expected output? What do you see instead?
I expect to see the stars and the scrolling over it, but instead I see nothing 
in place of the stars. When I used to firebug to see the problem, it seems that 
the javascript seems to add span class="star-rating-control" and then under it, 
it adds display:none to every input element. That is why nothing is displayed. 
No other elements are being added.

What version of the plugin/jQuery are you using?
PLUGIN VERSION: v3.14
JQUERY VERSION: 1.7.2

On what browser(s) or operating system?
BROWSER(S): Firebox

Please provide a link to where the problem can be observed:
URL: on local host right now.

Feel free to provide any additional information below.

Original issue reported on code.google.com by arz...@stanford.edu on 16 Jun 2012 at 4:32

akhanisatyammg / jquery-star-rating-plugin

Star rating not working #102