Bind code toggle once

app/assets/javascripts/blazer/application.js

@@ -33,6 +33,10 @@ $(document).on("change", "#bind input, #bind select", function () {
   submitIfCompleted($(this).closest("form"));
 });
 
+$(document).on("click", "#code", function () {
+  $(this).toggleClass("expanded");
+});
+
 function uuid() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
     var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);

app/views/blazer/queries/show.html.erb

@@ -41,12 +41,6 @@
 
 <pre id="code"><code><%= @statement %></code></pre>
 
-<script>
-  $("#code").click( function () {
-    $(this).toggleClass("expanded");
-  })
-</script>
-
 <% if @success %>
   <div id="results">
     <p class="text-muted">Loading...</p>