title: How to name each jQuery Raty hidden input element differently?
body: <p>I'm using <a href="http://wbotelhos.com/raty/" rel="nofollow" title="jQuery Raty Plugin">jQuery Raty plugin</a> to enable star rating system on my website.</p>
  
  <p>I've a set of 4 ratable questions(can be 5 too) which I display dynamically using a loop.
  Hence to display the stars I'm using div id as follows:</p>
  
  <pre><code>    &lt;c:forEach items="${myQuestionList}" var="singleQuestion" varStatus="status"&gt;
  
          &lt;p&gt;${singleQuestion.text}&lt;/p&gt;
  
          &lt;div id="star${status.index+1}"&gt;&lt;/div&gt;
  
      &lt;/c:forEach&gt;
  </code></pre>
  
  <p>And the Raty initialization code is as follows:</p>
  
  <pre><code>$("div[id^=star]").raty({ 
                           width: 300
                        });
  </code></pre>
  
  <p>This works perfectly fine. All my 4(or 5) questions gets displayed and Raty stars get displayed.</p>
  
  <p>Now the problem is this rating is inside a form &amp; needs to be submitted. But the problem is Raty appends a <code>&lt;input type="hidden" name="score"&gt;</code> to each Raty &amp; hence when the form is submitted, it's impossible to say which rating is for which question.</p>
  
  <p>Is there a way I can assign each Raty hidden input element a different name which will help me relate it with the question asked.</p>
  
  <p>Raty documentation says that I can change the score name to anything:</p>
  
  <pre><code>$('#star').raty({ scoreName: 'myscore' });
  </code></pre>
  
  <p>But that won't help me coz I'm initializing the raty plugin once for all the elements.</p>
  
  <p>How can I solve this problem? Please guide. I'm stuck. :(</p>