diff --git a/books/templates/books/detail.html b/books/templates/books/detail.html
index 7562a068..193c46b7 100644
--- a/books/templates/books/detail.html
+++ b/books/templates/books/detail.html
@@ -284,7 +284,7 @@
                     <div class="clearfix">
 
                         <div class="rating-star-edit float-left"></div>
-                        <div class="modal-selection float-right" {% if not mark %}hidden{% endif %}>
+                        <div id="statusSelection" class="modal-selection float-right" {% if not mark %}hidden{% endif %}>
                             {{ mark_form.status }}
                         </div>
                     </div>
diff --git a/common/static/js/detail.js b/common/static/js/detail.js
index 29254d21..c2659593 100644
--- a/common/static/js/detail.js
+++ b/common/static/js/detail.js
@@ -6,6 +6,7 @@ $(document).ready( function() {
         $(".bg-mask").hide();
     });
 
+    // pop up new rating modal
     $("#aside .mark .button-group .button").each(function() {
         $(this).click(function(e) {
             e.preventDefault();
@@ -28,6 +29,7 @@ $(document).ready( function() {
         });
     })
 
+    // pop up modify mark modal
     $(".mark a.edit").click(function(e) {
         e.preventDefault();
         let title = $(".mark-status-label").text().trim();
@@ -78,8 +80,7 @@ $(document).ready( function() {
     if ($(".modal-selection input[type='radio']:checked").val() == WISH_CODE) {
         $(".mark-modal .rating-star-edit").hide();
     }
-    $(".modal-selection input[type='radio']").click(function() {
-        // 2 is the status code of wish
+    $(".modal-selection#statusSelection input[type='radio']").click(function() {
         if ($(this).val() == WISH_CODE) {
             $(".mark-modal .rating-star-edit").hide();
         } else {