title: rating is not a function jquery plugin error
body: <p>I have a jsp page. In that i am trying jquery star rating. I am using this plugin <a href="http://www.fyneworks.com/jquery/star-rating/" rel="nofollow">http://www.fyneworks.com/jquery/star-rating/</a>. But JS error is coming like TypeError: $(...).rating is not a function Here is my JSP code.</p>
  
  <pre><code>&lt;div class="book-right" id="ajaxTest"&gt;
      &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.rating.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.tablesorter.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.tablesorter.min.js"&gt;&lt;/script&gt;
      &lt;--table + some intermediate loop code ---&gt;
          &lt;c:forEach var="leg" items="${option.legs}" varStatus="loopCounter3"&gt;
              &lt;div&gt;
                  &lt;input type="radio" name="rating-${loopCounter2.index}" value="1" class="rating-star" /&gt;
                  &lt;input type="radio" name="rating-${loopCounter2.index}" value="2" class="rating-star" /&gt;
                  &lt;input type="radio" name="rating-${loopCounter2.index}" value="3" class="rating-star" /&gt;
                  &lt;input type="radio" name="rating-${loopCounter2.index}" value="4" class="rating-star" /&gt;
                  &lt;input type="radio" name="rating-${loopCounter2.index}" value="5" class="rating-star" /&gt;
              &lt;/div&gt;
              &lt;input type="hidden" id="avgRating" name="avgRating" value="${leg.courierProduct.rating}"&gt;&lt;/input&gt;
  
              &lt;script&gt;
                  var avgRating = $('#avgRating').val();
                  $('.rating-star').rating('select', avgRating);
              &lt;/script&gt;
          &lt;/c:forEach&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have removed some JSP code to make it simple. </p>