title: jQuery rateYo plugin that continue rating after rated star click?
body: <p>I tried but I did not resolve problem about perfect jquery plugin named <code>rateYo</code>.</p>
  
  <p>I prepared a sample on this page:</p>
  
  <p><a href="http://jsfiddle.net/a1oewfwn/" rel="nofollow noreferrer">http://jsfiddle.net/a1oewfwn/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(".rateYo").rateYo({
    onSet: function(rating, rateYoInstance) {
      $(this).next().val(rating);
    },
    rating: 0,
    starWidth: "20px",
    numStars: 5,
    fullStar: true
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://rateyo.fundoocode.ninja/bower_components/jquery-rateyo/min/jquery.rateyo.min.css" /&gt;
  &lt;script src="http://rateyo.fundoocode.ninja/bower_components/jquery-rateyo/min/jquery.rateyo.min.js"&gt;&lt;/script&gt;
  &lt;div class="rateYo" id="a1"&gt;&lt;/div&gt;
  &lt;input type="text" id="t1"&gt;
  &lt;div class="rateYo" id="a2"&gt;&lt;/div&gt;
  &lt;input type="text" id="t2"&gt;
  &lt;div class="rateYo" id="a3"&gt;&lt;/div&gt;
  &lt;input type="text" id="t3"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If you click on any star, let's say you click on 3rd star in row 2, it fixes all three rows to 3rd star while you move your mouse over from the first to fifth.</p>
  
  <p>I want achieve, that all three rows are fixed to the last selection.</p>
  
  <p>How can I solve this?</p>