fix URL on send icon

app/views/size.ejs

@@ -7,9 +7,9 @@
 <div class="row center-align">
   <ul class="collection with-header">
     <% for(const size of sizes) { %>
-    <li class="collection-item" >
-      <div id="<%= size.id %>" ><%= size.title %>
-        <a href="#!" class="secondary-content">
+    <li class="collection-item">
+      <div id="<%= size.id %>" onclick="saveAndSubmit(this.id)"><%= size.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");
-     $("#size").val(clickedId);
-     $("#form-size").submit();
-   });
- });
+ function saveAndSubmit(id) {
+   $("#size").val(id);
+   $("#form-size").submit();
+ }
 </script>