fix URL on send icon

app/views/gardenSize.ejs

@@ -8,8 +8,8 @@
   <ul class="collection with-header">
     <% for(const gardenSize of gardenSizes) { %>
     <li class="collection-item" >
-      <div id="<%= gardenSize.id %>" ><%= gardenSize.title %>
-        <a href="#!" class="secondary-content">
+      <div id="<%= gardenSize.id %>" onclick="saveAndSubmit(this.id)"><%= gardenSize.title %>
+        <a href="#" class="secondary-content">
           <i class="material-icons">send</i>
         </a>
       </div>
@@ -21,12 +21,9 @@
 </form>
 
 <script>
- $(document).ready( () => {
-   $(".collection-item").click( (e) => {
-     const clickedId = $(e.target).attr("id");
-     $("#gardensize").val(clickedId);
-     $("#form-gardensize").submit();
-   });
- });
+ function saveAndSubmit(id) {
+   $("#gardensize").val(id);
+   $("#form-gardensize").submit();
+ }
 </script>