diff --git a/fedireads/static/js/shared.js b/fedireads/static/js/shared.js
index ee6fccca..60e2615c 100644
--- a/fedireads/static/js/shared.js
+++ b/fedireads/static/js/shared.js
@@ -37,13 +37,13 @@ function reply(e) {
     return true;
 }
 
-function rate(e) {
+function rate_stars(e) {
     e.preventDefault();
     ajaxPost(e.target);
-    rating = e.target.value;
+    rating = e.target.rating.value;
     var stars = e.target.parentElement.getElementsByClassName('icon');
     for (var i = 0; i < stars.length ; i++) {
-        stars[i].className = rating < i ? 'icon icon-star-full' : 'icon icon-star-empty';
+        stars[i].className = rating > i ? 'icon icon-star-full' : 'icon icon-star-empty';
     }
     return true;
 }
diff --git a/fedireads/templates/snippets/rate_action.html b/fedireads/templates/snippets/rate_action.html
index cd5006a7..7e383721 100644
--- a/fedireads/templates/snippets/rate_action.html
+++ b/fedireads/templates/snippets/rate_action.html
@@ -2,7 +2,7 @@
 <span class="hidden-text">Leave a rating</span>
 <div class="stars rate-stars">
     {% for i in '12345'|make_list %}
-    <form name="rate" action="/rate/" method="POST" onsubmit="return rate(event)">
+    <form name="rate" action="/rate/" method="POST" onsubmit="return rate_stars(event)">
         {% csrf_token %}
         <input type="hidden" name="book" value="{{ book.fedireads_key }}"></input>
         <input type="hidden" name="rating" value="{{ forloop.counter }}"></input>