Trouble with Plugins

Trouble with Plugins

Hi all,


I am a beginner at using JQuery, and thus its plugins are a new thing to me. I have gotten JQuery itself installed and have a functioning Dialog widget working. However, I cannot seem to get the Star Rating widget working. I'm not sure if I'm not including the right files, or if I'm incorrectly using the code. This is primarily because I don't fully understand how the whole process works in general. Here are the applicable snippets of my code:


This is located in the <head> element of my HTML
  1. <link href="css\redmond\jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css"/>
  2.         <link href="jquery.ui.stars-3.0\jquery.ui.stars.css" rel="stylesheet" type="text/css"/>
  3.         <link href="jquery.ui.stars-3.0\jquery.ui.stars.min.css" rel="stylesheet" type="text/css"/>
  4.         <script type="text/javascript"  src="js\jquery-1.5.1.min.js"></script>
  5.         <script type="text/javascript"  src="js\jquery-ui-1.8.11.custom.min.js"></script>
  6.         <script type="text/javascript"  src="jquery.ui.stars-3.0\jquery.ui.stars.js"></script>
  7.         <script type="text/javascript"  src="jquery.ui.stars-3.0\jquery.ui.stars.min.js"></script>
  8.         <script type="text/javascript">
  9.             $("#avg-rating-wrapper").stars({
  10.                 captionEl: $("#avg-rating-cap"),
  11.                 disabled: true
  12.             });
  13.             $("#avg-rating").val('{$rating_info.rating_average}');
  14.             $("#user-rating-wrapper").stars({
  15.                 captionEl: $("#user-rating-cap"),
  16.                 oneVoteOnly: true
  17.             });
  18.         </script>


And this is found in the <body> (Line 1 is unimplemented):


  1. Rating: <span id="stars-cap"></span>
  2.                 <div id="user-rating-wrapper">
  3.                     <select name="selrate">
  4.                         <option value="1">Very poor</option>
  5.                         <option value="2">Not that bad</option>
  6.                         <option value="3">Average</option>
  7.                         <option value="4" selected="selected">Good</option>
  8.                         <option value="5">Perfect</option>
  9.                     </select>
  10.                 </div>
There are certainly many things wrong with my code. Would anybody be willing to help me understand my conceptual errors, and then I might be able to determine how to syntactically fix it.

Thank you very much!