title: JQuery plugin not working
body: <p>So I have this plugin <a href="http://www.myjqueryplugins.com/jRating" rel="nofollow">http://www.myjqueryplugins.com/jRating</a>
  I downloaded it and tried it on a new blank page just to see if I can do it. It worked.
  The problem now is I put this plugin on my site and did the EXACT things as I did in the blank page, but this time the plugin is not working. Is it because I'm using the original jquery functions on the actual site or something?
  Cant upload all my files online .. but here are the important parts</p>
  
  <p>This is the imports</p>
  
  <pre><code>&lt;!-- styles --&gt;
  &lt;link rel="stylesheet" type="text/css" href="styles/general.css"/&gt;
  &lt;link rel="stylesheet" type="text/css" href="styles/place-event.css"/&gt;
  &lt;link rel="stylesheet" type="text/css" href="styles/homepage.css"/&gt;
  &lt;link rel="stylesheet" type="text/css" href="styles/css-buttons.css"/&gt;
  &lt;link rel="stylesheet" type="text/css" href="styles/colors.css"/&gt;
  
  &lt;!-- plugin jRate --&gt;
  &lt;link rel="stylesheet" type="text/css" href="plugin/jrate/jquery/jRating.jquery.css"/&gt;
  &lt;script type="text/javascript" src="plugin/jrate/jquery/jRating.jquery.js"&gt;&lt;/script&gt;
  
  &lt;!-- scripts --&gt;
  &lt;script type="text/javascript" src="scripts/removeTextClick.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/jquery-1.4.4.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is the jquery code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $(document).ready(function(){
  
      $("#abso").hide();
      $("#close").hide();
  
  
      $("#places-feed").load("eventPictures.html");
      $("#comments").load("commentsOnEvent.html");
      $("#insert-activity").load("newsFeed.html");
      $("#list-friends-feed-link").load("friendsCount.html");
      $("#notify").load("notificationCount.html");
      $("#list-groups-feed-link").load("groupsCount.html");
  
  
      $("#list-friends-feed-link").click(function(){ //start click
  
          $("#abso").load("listFriendsFeed.html");
          $("#abso").slideDown("600", function(){});
          $("#close").slideDown("600", function(){});
  
      }); //end click
  
      $("#list-pictures-feed-link").click(function(){ //start click
  
          $("#abso").load("picFeed.html");
  
          $("#abso").slideDown("600", function(){});
          $("#close").slideDown("600", function(){});
      }); //end click
  
      $("#list-groups-feed-link").click(function(){ //start click
  
          $("#abso").load("listGroupsFeed.html");
  
          $("#abso").slideDown("600", function(){});
          $("#close").slideDown("600", function(){});
      }); //end click
  
      $("#notify").click(function(){ //start click
  
          $("#abso").load("notifications.html");
  
          $("#abso").slideDown("600", function(){});
          $("#close").slideDown("600", function(){});
      }); //end click
  
      $("#upload-pic-place-gallery").click(function(){ //start click
  
          $("#abso").load("uploadPicPlaceGallery.html");
  
          $("#abso").slideDown("600", function(){});
          $("#close").slideDown("600", function(){});
      }); //end click
  
      $("#close").click(function(){ //start click
  
          $("#abso").slideUp("600",function(){});
          $("#close").slideUp("600",function(){});
      }); //end click
  
  
      // this block is for jRate plugin
  
      $(".ratings").jRating();
  
      // ---
  
  
  
  });
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>finally this is some of the code that includes the div in the html that the plugin uses</p>
  
  <pre><code>&lt;div id="the-place-event-div"&gt; &lt;!-- the place event div start --&gt;
  
  &lt;div id="for-top-box"&gt; &lt;!-- for top box start --&gt;
  &lt;a&gt;
  &lt;img src="images/welcome.png"/&gt;
  &lt;/a&gt;
  
  &lt;div id="place-description"&gt;&lt;p&gt;where awesomeness meets awesome&lt;/p&gt; &lt;!-- place description start --&gt;
  &lt;p id="date-time"&gt;Date:&lt;a&gt;21/08/2010&lt;/a&gt; Time:&lt;a&gt;07:00am&lt;/a&gt;&lt;/p&gt;
  
  &lt;div class="ratings" data="12_1"&gt; &lt;!--rating div start --&gt;
  
  
  
  &lt;/div&gt; &lt;!-- ratings div end --&gt;
  
  
  
   &lt;/div&gt; &lt;!-- place description end --&gt;
  
  
  
  &lt;/div&gt; &lt;!-- for top box end --&gt;
  </code></pre>