Document.ready function causing a form to submit 10 times
<p>I'm using jQuery Stars Rating plugin ( <a href="http://www.fyneworks.com/jquery/star-rating/" rel="nofollow">http://www.fyneworks.com/jquery/star-rating/</a> ). </p>

<p>I'm having difficulty displaying an existing rating using the plugin's API. Everything works unless there is an existing rating in the database. If there is one, the following block of code will execute, and a 10 new ratings (that's as many inputs I have in my form) get sent to the back-end rating function.</p>

<pre><code>&lt;cfif aRating.recordCount&gt;
    &lt;script type="text/javascript"&gt; 
        $(document).ready(function() {
            $('input').rating('select','#aRating.rating#');
        });
    &lt;/script&gt;
&lt;/cfif&gt;
</code></pre>

<p>This ajax call <strong>should ONLY execute when a user clicks on the stars</strong></p>

<pre><code>// Ajax submit rating
$('.star').rating({
    callback: function(value, link){
        $.ajax({
            type: "POST",
            url: "#URLFor(controller="membros", action="rateGame", key=gameProfile.id)#",
            data: "rating="+value,
            dataType: "json",
            success: function(response) {
            }
        });
    }
});
</code></pre>

<p>The form</p>

<pre><code>&lt;form class="rate-game"&gt;
    &lt;input type="radio" name="star" class="star {split:2}" value="0.5"&gt;
    &lt;input type="radio" name="star" class="star {split:2}" value="1"&gt;
    ... until 10
&lt;/form&gt;
</code></pre>

<p>Any ideas what's causing the function to fire 10 times? If I remove the document.ready function, nothing happens, and the existing rating is not selected.</p>
