diff --git a/frontend/templates/supporter.html b/frontend/templates/supporter.html
index efc4eb7c..ecea95b0 100644
--- a/frontend/templates/supporter.html
+++ b/frontend/templates/supporter.html
@@ -9,11 +9,10 @@
 <link type="text/css" rel="stylesheet" href="/static/css/book_list.css" />
 <link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" />
 {% endblock %}
-{% block extra_head %}
+{% block extra_js %}
 <script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
 <script type="text/javascript" src="/static/js/wishlist.js"></script>
 <script type="text/javascript" src={{ jquery_ui_home }}></script>
-
 <script type="text/javascript" src="/static/js/greenpanel.js"></script>
 <script type="text/javascript" src="/static/js/import_books.js"></script>
 <script type="text/javascript" src="/static/js/counter.js"></script>
@@ -49,20 +48,16 @@
 <script type="text/javascript" src="/static/js/toggle.js"></script>
 <script type="text/javascript" src="/static/js/tabs.js"></script>
 {% endif %}
-{% endblock %}
 
-{% block extra_js %}
-<script>
+<!-- highlight LT/GR add functions when people click on import divs -->
+<script type="text/javascript">
 var $j = jQuery.noConflict();
-$j(document).ready(function(){
-	var highlighter = $j('#loadlt');
-	var target = $j('#connectlt');
-    highlighter.click(function(){
-       target.css({"background": "#8dc63f"}).animate(
-           {backgroundColor: "white"}, 1500
-       );
-    });
-});
+function highlightTarget(targetdiv) {
+	var target = $j(targetdiv);
+    target.css({"background": "#8dc63f"}).animate(
+        {backgroundColor: "white"}, 1500
+    );
+};
 </script>
 {% endblock %}
 
@@ -226,7 +221,7 @@ there's no tab for seeing ALL my books, only the filters! huh.
                                     </div>
                                 </form>
                                 {% else %}
-                                <div id="loadgr"><div>Connect your GoodReads account to import from GoodReads.</div></div>
+                                <div id="loadgr" onclick="highlightTarget('#connectgr'); return false;"><div>Connect your GoodReads account to import from GoodReads.</div></div>
                                 {% endif %}
                                 {% if librarything_id %}
                                 <form id="librarything_load" method="post" action="#">
@@ -234,7 +229,7 @@ there's no tab for seeing ALL my books, only the filters! huh.
                                     <div id="loadlt"><input type="submit" id="librarything_input" value="Add your LibraryThing library" /></div>
                                 </form>
                                 {% else %}
-                                <div id="loadlt"><div>Add your LibraryThing ID to import from LibraryThing.</div></div>
+                                <div id="loadlt" onclick="highlightTarget('#connectlt'); return false;"><div>Add your LibraryThing ID to import from LibraryThing.</div></div>
                                 {% endif %}
                             </div>
                         </div>